css将表格一列冻结 |css table th

table {
position: relative;
}
thead {
display: block;
position: relative;
overflow: auto;
}
tbody {
display: block;
overflow: auto;
height: 300px; 
}
tbody td:first-child, thead th:first-child {
position: absolute;
left: 0;
width: 100px;
}

这个代码块中，首先，大家将table元素的position属性设为relative。此外，大家将thead元素的display属性设为block，这样thead元素就可以滚动。同理，设置tbody元素和展示高度。最后，大家将td或者th元素的position属性设为absolute，left属性设为0，width属性设为表格中第一列的宽度。

这里需要注意，实现表格一列冻结效果的前提是需要有thead和tbody元素。另外，通过设计position属性和width属性可以实现多列冻结效果。