html – 如何将表行固定在顶部

前端之家收集整理的这篇文章主要介绍了html – 如何将表行固定在顶部前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个没有元素的表,只有td元素.有没有办法让我的第一行固定(标签).桌子是这样的
<table>
  <tr>
    <td>Name:</td>
    <td>Age:</td>
  </tr>
  <tr>
    <td>John</td>
    <td>20</td>
  </tr>
  <tr>
    ......
  </tr>
</table>

我想在第一行中将Name和Age字段固定.因此在滚动期间标签不会消失.

解决方法

我一直在寻找这个问题的答案,最后我找到了一些非常好的东西.

秘密在于这段代码,使得表格中的滚动成为可能

thead,tbody,tr,td,th { display: block; }

但你可以在这里找到一个完整的例子http://jsfiddle.net/T9Bhm/7/.

希望能帮助到你!

猜你在找的HTML相关文章