html Table实现表头固定

Tips:You can change the code before run.

Tips:You can change the code before run.

其实关键之处在于

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

THE END
分享
二维码
打赏
< <上一篇
下一篇>>