数据表格的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;}
表格邊框--待續
總結
以上是生活随笔為你收集整理的数据表格的thead设置,tr的平分table长度,还有table的边框的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 华为nove8和8pro的区别
- 下一篇: Windows 7官方原版镜像下载【简体