微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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/.

希望能帮助到你!

原文地址:https://www.jb51.cc/html/226445.html

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐