纯css实现表头固定，只tbody滚动 需要用到粘性固定属性 – position:sticky
position:sticky 用法：默认情况下，其表现为relative，在视窗与设置了该属性的元素之间，达到或超过其预设的 top、bottom、left、right，本属性会转变成 fixed，使 sticky 固定。
html结构：table外面需要包一层div
| 序号 | 名称 | 电话 | 备注 | 录入时间 |
|---|---|---|---|---|
// table父标签: 需要设置固定高度
.table-box {
height: 500px;overflow-y: auto;border: 1px solid #ddd;
}
// table表格样式
table {
width: 100%;table-layout: fixed;thead th {position: sticky;top: -1px;z-index: 10;}
}
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <...
table表头固定只让内容滚动 纯css实现表头固定，只tbody滚动 需要用到粘性固定属性 – position:sticky position:sticky
实现表头锁定的方式很多，这里这种方式是比较简单，并且是没有任何问题的； 完整代码示例： <!DOCTYPE html> <!-- 不加此标签，IE不生效 -->
![20191208173647300.png][] <div id='table-cont' style="max-height: 150px;width:
一、实现思路：表格数据中存在合并单元格，网上找了好多列子都没有实现。最后是把一个table拆分为两个table实现的，第一个table（table1）中是需要固定的列及表头（表
使用bootstrap框架实现内容滚动条滚动显示表格table固定表头 实现效果 html代码 实现效果 ![在这里插入图片描述][wa
前端时间鼓捣的一个简单的手机网站，今天又拿出来弄一弄 因为主要是给手机访问，用的是bootstrap响应式布局，今天的任务是做一个数据展示页面 但是由于数据的列比较多，所以
1.首先新建html页面body中写入： <div class="title_div" id="tdiv"> <table class="tit
分手后的思念是犯贱
曾经终败给现在
你的名字
灰太狼
àì夳堔傛蜴生んèń
骑猪看日落
还没有评论，来说两句吧...