正在做一個項目,要求數據表的列是不固定的,有可能是有10列,有可能是20列,第一列寬度要固定,然后我怎么設置都沒有用, 這個問題困擾了我三天,后來終於百度到了,
這個博客: https://www.cnblogs.com/kk073000/p/5623942.html
就是在 table 加了 style="table-layout:fixed" 然后就可以給 th 和 td設置固定寬度了,不設置的td寬度會自適應.
不過table的寬度也要設置,通過js計算有多少列,js添加寬度
table-layout有三個屬性值:auto、fixed、inherit。
auto:默認,自動表格布局,列寬度由單元格中沒有折行的最寬的內容設定。此算法有時比較慢,這是由於它需要在確定最終的布局之前訪問表格中所有的內容。
fixed:固定表格布局,水平布局僅僅取決於表格寬度、列寬度、表格邊框寬度、單元格間距、而與單元格的內容無關。與自動表格布局相比,允許瀏覽器更快地對表格進行布局。通過固定表格布局用戶代理在接收到第一行后就可以顯示表格。
inherit:從父元素繼承table-layout屬性的值,任何版本的IE都不支持