在我们平常开发使用element ui中的table时,会出现数据过长自动换行的结果, 如果把宽给死的情况下也不太适合,接下来提供二种方式去动态计算每个盒子的宽度。

第一种方式

表格加** table-layout='auto’ **属性表格加tableAuto类名el-table-column标签不设置宽度

// 设置超出不折行

但这种方式纯在二个问题 1.el-table-column左侧多个列加fixed属性,左右滑动,列宽得提前计算 2.el-table设置table-layout='auto’ 与 固定表头 的功能冲突,表头无法再固定

第二种方式 (推荐使用第二种方式)

第二种方式就是通过canvas动态计算el-table-column宽度,可以完美解决第一种方式的2中弊端。