为表格添加竖直滚动条并固定表头

添加滚动条:
将table放入一个div,给该div添加样式 style="overflow:auto;"

固定表头:
 给<thead>里的<tr>添加 style=" position:fixed;top:XXpx; z-index:2;"
 style里面的top属性可以调整该表头距离浏览器顶端的距离来将它的位置固定,根据自己页面的效果进行调整(有些浏览器可以自动调整其位置)
 z-index:2 表示该表头的显示级优先于 底下设置为 z-index:1的<tr>

然后在<thead>里再添加一个空白的tr来防止 thead里的tr将tbody里的第一行内容遮盖掉,说白了就是将<tbody>中的内容强行往下挤一行,不然<tbody>中的第一行内容会被表头覆盖掉。当然,这个tr必须设置z-index:1
<tr id="filling" style="z-index:1;"></tr>
之后就是tbody
 <tbody id="userBody" style="position:relative;z-index:1;">
  • 2
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值