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

html – 如何将表行固定在顶部,第1张

概述我有一个没有元素的表,只有td元素.有没有办法让我的第一行固定(标签).桌子是这样的 <table> <tr> <td>Name:</td> <td>Age:</td> </tr> <tr> <td>John</td> <td>20</td> </tr> <tr> ...... </tr></table> 我想在第一行中将Name和 我有一个没有元素的表,只有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 – 如何将表行固定在顶部全部内容,希望文章能够帮你解决html – 如何将表行固定在顶部所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/web/1136891.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-30
下一篇 2022-05-30

发表评论

登录后才能评论

评论列表(0条)

保存