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實現