JavaScript-javascirpt实现类似EXCEL里的表头冻结

JavaScript-javascirpt实现类似EXCEL里的表头冻结

晚风撩人 发布于 2017-09-16 字数 149 浏览 1079 回复 1

页面有一个TABLE,想要实现EXCEL里的表头冻结功能。
由于响应速度有较高的要求,所以不能使用Jquery之类的插件。
寻一个纯JS的高效处理方法?

如果你对这篇文章有疑问,欢迎到本站 社区 发帖提问或使用手Q扫描下方二维码加群参与讨论,获取更多帮助。

扫码加入群聊

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

清晨说ぺ晚安 2017-09-21 1 楼

如果不能用JQuery插件,那么还不如用纯CSS做呢,你用两个表格嵌套就行了,外表格第一行为表头,第二行为container,然后再再创建一个表格放在contaier里,宽度一样,并且是同样的列数,列的宽度也一样,然后把外表格的container的overflow-y设置成auto,这样当表格的数据多时就会自动出现滚动条,就可以模拟表头固定了。

但是我还是建议你用JQuery插件,JQuery只有20多K,并不会影响你页面太多的速度,况且浏览器还会将其缓存。