---- AI试用 ---域名问题某些图片和js资源无法访问,导致一些代码实例无法运行!(代码里gzui.net换成momen.vip即可)

html Table实现表头固定

前端开发 蚂蚁 3382℃ 0评论

提示:你可以先修改部分代码再运行。

提示:你可以先修改部分代码再运行。

其实关键之处在于

1、使用了colgroup标签,来对上下两个表格的列宽进行了定义,让他们保持一致。

2、上边的div .table-head添加了样式padding-right:17px,这个宽度是为了保证跟下边的div .table-body的滚动条保持一致,同时下边的表格.table-body添加了样式overflow-y:scroll;

只要保证上述两点的话,你也可以做出固定表头的表格来,同时不会发生上下的列不对齐的问题,屡试不爽!

原文 http://www.cnblogs.com/dacuotecuo/p/3657779.html

转载请注明:有爱前端 » html Table实现表头固定

喜欢 (0)or分享 (0)

(1)个小伙伴在吐槽
  1. http://www.jq22.com/yanshi10153
    蚂蚁2016-11-08 11:14