表格Table宽度设置无效的解决方法

Posted sherryweb

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了表格Table宽度设置无效的解决方法相关的知识,希望对你有一定的参考价值。

table-layer:fixed

bootstrap中使用table时发现不管用width赋值方式都无法改变table>td的宽度

解决方法:

设置table:table-layout:fixed

设置table>td:width:绝对宽度和百分比都可以

如果table宽度定为100%了,可以留一个td不设置宽度,让它自由伸缩。


 

如果对table设置table-layer:fixed样式后,发现表格中有一行合并过,其它没有合并的行的列宽会平均化,对列宽的设置会失效。

https://blog.csdn.net/qq_35160309/article/details/64125203

以上是关于表格Table宽度设置无效的解决方法的主要内容,如果未能解决你的问题,请参考以下文章

IE8 table表格th、td设置宽度的坑

table表格宽带研究(附带:table表格为什么设置td宽度无效)

el-table固定多列问题

layui table 表格出现表头和内容不对齐问题解决方法

表格table列宽度怎么设置都没用

VUE之Element-ui的Table表格不能自适应