当前位置: 代码迷 >> Java Web开发 >> 请教这类控件是table实现的吗
  详细解决方案

请教这类控件是table实现的吗

热度:160   发布时间:2016-04-13 22:43:50.0
请问这类控件是table实现的吗
看起来像是把table放到了一个textarea里,将table限制了大小,是如何做到的呢?
------解决思路----------------------
可以的 。可以实现
------解决思路----------------------
div,table都可以
------解决思路----------------------
用div就可以实现

<html>
<head>
<meta charset="UTF-8">
<title>div-table</title>
<style>
th{
background-color:gray;
}
</style>
</head>
<body>
<div style="width:300px;height:150px;border:1px solid gray;padding:10px;">
<div style="width:100%;height:100%;overflow:scroll;border:1px solid #ADADAD;">
<table width="100%">
<tr>
<th>选择</th>
<th>顺序码</th>
<th>代码</th>
<th>名称</th>
</tr>
<tr>
<td> </td>
<td>1</td>
<td>001</td>
<td>test1</td>
</tr>
<tr>
<td> </td>
<td>2</td>
<td>002</td>
<td>test2</td>
</tr>
<tr>
<td> </td>
<td>3</td>
<td>003</td>
<td>test3</td>
</tr>
<tr>
<td> </td>
<td>4</td>
<td>004</td>
<td>test4</td>
</tr>
<tr>
<td> </td>
<td>5</td>
<td>005</td>
<td>test5</td>
</tr>
<tr>
<td> </td>
<td>6</td>
<td>006</td>
<td>test6</td>
</tr>
</table>
</div>
</div>
</body>
</html>
  相关解决方案