关于Element table 自适应宽度的方法,网上有数值计算、canvas测量、添加af-table-column组件,感觉都挺麻烦的,而且试了有些还不成功
我的方法是:
-
给需要自适应的el-table-column增加一个用于设定宽度的变量“latinWidth”,内容用class为“cell-content-latin”的div包裹住
-
把刚刚的变量latinWidth加在data中
-
为刚刚的class写个style,内容不换行
-
加一个watch,监听的是列表数据(我这里是data)的变化,查找当前列中,最长的内容的宽度是多少,加上20(边距,可以自行调整,因为列表默认有padding,不加的话不居中而且有可能显示不完整)赋值给latinWidth
完毕!我觉得简单,可以符合我的需求,但不一定适合所有需求,请适当参考吧