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实现