css table样式


1、table样式首先设置表格边框,属性设置表格的边框是否被合并为一个单一的边框。

table{
border-collapse: collapse;
border-spacing: 0;
}

2、固定表头

2.1、原理:表头和表身分开,表身设置可滚动table-body{overflow-y:scroll;}

 

2.2、表头和表身宽度怎么保证一样? 表头和表身td里面包裹div设置相同的class样式,样式指定宽度即可。

3、列的固定(下面截图:前后分别都有固定列)

 原理:创建一个div漂浮(div{position:absolute})在需要固定列位置的上方,然后将需要固定的列放进漂浮起的div。同步滚动需要js实现


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。