数据表格的thead设置,tr的平分table长度,还有table的边框

虽然都是老掉牙的东西,但是老是记不住,记在这里用的时候随时来查

table 中的tr平分table长度只需要为table指定table-layout: fixed属性即可;

w3c上对table-layout: fixed属性的说明

 automatic 默认。列宽度由单元格内容设定。
 fixed 列宽由表格宽度和列宽度设定。
 inherit 规定应该从父元素继承 table-layout 属性的值。

table设置thead头不动,tbody Y轴滚动

#tblDataList thead {display:block;}
#tblDataList tbody { display:block;height:600px; overflow-y:scroll;overflow-x: hidden;}
#tblDataList thead tr { display:table; 100%; table-layout:fixed;}
#tblDataList tbody tr {display:table; 100%; table-layout:fixed;}
#tblDataList thead { calc( 100% - 1.17em )}
.ul_inth{ padding: 0px; margin: 0px; border-top: 1px solid;}
.li_inthF{ 33%;list-style: none;float: left;}
.li_inth{ 33%;list-style: none;float: left; border-left: 1px solid;}

表格边框--待续

原文地址:https://www.cnblogs.com/dayin1/p/12909817.html