怎么做这样的事情?我从头开始…
我所做的是使用2个表,一个表用于标题,该表始终是静态的,而另一个表呈现单元格,我使用
div固定高度的元素包装了这些单元格,并启用了滚动,
overflow-y:auto;
还要确保您使用
table-layout: fixed;固定宽度的
td元素,以便在
table使用不带字符串的情况下不会断线
whitespace,以便在使用时断开该字符串
word-wrap: break-word;
.wrap { width: 352px;}.wrap table { width: 300px; table-layout: fixed;}table tr td { padding: 5px; border: 1px solid #eee; width: 100px; word-wrap: break-word;}table.head tr td { background: #eee;}.inner_table { height: 100px; overflow-y: auto;}<div > <table > <tr> <td>Head 1</td> <td>Head 1</td> <td>Head 1</td> </tr> </table> <div > <table> <tr> <td>Body 1</td> <td>Body 1</td> <td>Body 1</td> </tr> <!-- Some more tr's --> </table> </div></div>


