由于我的页面比较复杂就不贴完整代码了，这里就讲大概思路 先设置css /** 隐藏滚动条 */ ::-webkit-scrollbar { width: 8px; background-color: transparent; } table tbody { display: block; width ...
分类：
Web程序 时间：
2020-03-27 19:40:19
阅读次数：
79
实现步骤1.将table放在可滚动容器中；2.可滚动容器外层还需要一个容器，这个容器需设置超出范围隐藏和定位(相对、绝对都行)；3.利用脚本克隆一个目标table，调整克隆table的列宽与原table相同，隐藏tbody，追加到外层的容器中；4.监听滚动容器的滚动事件，动态调整克隆table的左偏 ...
分类：
Web程序 时间：
2017-12-13 20:35:14
阅读次数：
130
<style> #box{ height:214px; width:500px; overflow-y:auto;/** 必须，否则当表格数据过多时，不会产生滚动条，而是自动延长该div的高度 */ position:relative;/** 必须，若不设置，拷贝得来的表头将相对于其设置该属性为该值 ...
分类：
其他好文 时间：
2016-06-22 12:43:55
阅读次数：
121
项目中设计的报表table设计的列数相对过多，当拖动下方的滚动条时无法对应表头所对应的列，因此在网上搜索了好一段日子，最后在网上找到了一些参考资料，然后总结归纳出兼容行列合并的固定表头demo。多浏览器没有做太多测试，但是在ie9、火狐、360浏览器中已测试通过。<%@pa..
分类：
其他好文 时间：
2015-04-14 23:30:48
阅读次数：
165
