數據表格的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; width:100%; table-layout:fixed;}
#tblDataList tbody tr {display:table; width:100%; table-layout:fixed;}
#tblDataList thead {width: calc( 100% - 1.17em )}
.ul_inth{ padding: 0px; margin: 0px; border-top: 1px solid;}
.li_inthF{width: 33%;list-style: none;float: left;}
.li_inth{ width: 33%;list-style: none;float: left; border-left: 1px solid;}

表格邊框--待續

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM