一个3行10列的表格,将左边3列固定,右边7列加入scroll-x滚动条,求推荐方法
excel?????
好办。先用一个大表格分两列,一列里用一个table分三列放固定不动的,一列里用一个table放七列可以滚动的。然后把table属性变成display:block,再定位就可以了
比如html可以这样:
test1 | test2 | test3 | test1 | test2 | test3 | test1 | test2 | test3 |
</td>
<td>
<table class="table-scroll">
<tr>
<td>test4</td>
<td>test5</td>
<td>test6</td>
<td>test7</td>
<td>test8</td>
<td>test9</td>
<td>test10</td>
</tr>
<tr>
<td>test4</td>
<td>test5</td>
<td>test6</td>
<td>test7</td>
<td>test8</td>
<td>test9</td>
<td>test10</td>
</tr>
<tr>
<td>test4</td>
<td>test5</td>
<td>test6</td>
<td>test7</td>
<td>test8</td>
<td>test9</td>
<td>test10</td>
</tr>
</table>
</td>
</tr>
</table>
style可以这样:
table { border:1px #fff solid; border-collapse:collapse;}
table tr td { border:1px #fff solid; color:#fff; vertical-align:top;padding:5px 10px;}
.table-scroll { overflow-y:scroll; display:block; height:200px;}
.table-scroll td { height:1000px;}
|
<!DOCTYPE html>
table
test1 | test2 | test3 | test1 | test2 | test3 | test1 | test2 | test3 |
|
test4 | test5 | test6 | test7 | test8 | test9 | test10 | test4 | test5 | test6 | test7 | test8 | test9 | test10 | test4 | test5 | test6 | test7 | test8 | test9 | test10 |
|
table { border:1px #fff solid; border-collapse:collapse;}<br> table tr td { border:1px #ccc solid; color:#fff; vertical-align:top;padding:5px 10px; color:#f00}<br> .table-scroll { overflow-y:scroll; display:block; height:200px;}<br> .table-scroll td { height:1000px;}
好恼心,贴上来样式都是丑的。你理解下我话,自己动手试下就知道了,我试了是可以的