數據表格的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刪除。



猜您在找 為Table中的thead加上邊框 前端:table、thead、th、tr、td table 表格css‘樣式 layui 數據表格table行高設置 HTML 表格 table表格設置邊框線為單實線 table中某一個tr邊框樣式設置 【css】設置table表格邊框樣式 CSS如何設置html table表格邊框樣式
 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM
HTML表格,table,thead,tbody,tfoot,th,tr,td,的屬性以及跨行,跨列