layui设置td宽度_layui静态表格固定td宽度,table固定td宽度

感谢作者的无私分享！

正在做一个项目,要求数据表的列是不固定的,有可能是有10列,有可能是20列,第一列宽度要固定,然后我怎么设置都没有用, 这个问题困扰了我三天,后来终于百度到了,

就是在 table 加了 style="table-layout:fixed" 然后就可以给 th 和 td设置固定宽度了,不设置的td宽度会自适应.

不过table的宽度也要设置,通过js计算有多少列,js添加宽度

table-layout有三个属性值：auto、fixed、inherit。

auto：默认，自动表格布局，列宽度由单元格中没有折行的最宽的内容设定。此算法有时比较慢，这是由于它需要在确定最终的布局之前访问表格中所有的内容。

fixed：固定表格布局，水平布局仅仅取决于表格宽度、列宽度、表格边框宽度、单元格间距、而与单元格的内容无关。与自动表格布局相比，允许浏览器更快地对表格进行布局。通过固定表格布局用户代理在接收到第一行后就可以显示表格。

inherit:从父元素继承table-layout属性的值，任何版本的IE都不支持