关于Element table 自适应宽度的方法，网上有数值计算、canvas测量、添加af-table-column组件，感觉都挺麻烦的，而且试了有些还不成功
我的方法是：
给需要自适应的el-table-column增加一个用于设定宽度的变量“latinWidth”，内容用class为“cell-content-latin”的div包裹住
1
把刚刚的变量latinWidth加在data中
2
为刚刚的class写个style，内容不换行
3
加一个watch，监听的是列表数据（我这里是data）的变化，查找当前列中，最长的内容的宽度是多少，加上20（边距，可以自行调整，因为列表默认有padding，不加的话不居中而且有可能显示不完整）赋值给latinWidth
4
完毕！我觉得简单，可以符合我的需求，但不一定适合所有需求，请适当参考吧
关于Element table 自适应宽度的方法，网上有数值计算、canvas测量、添加af-table-colu...
在使用element-ui的时候会发现一个问题：表格组件 el-table 自适应在父元素宽度缩小时，表格没有对应...
实现三栏布局，左右两栏固定宽度100px，中间栏自适应宽度，实现三列自适应等高 使用弹性盒子肯定是最简单的一种方法...
element UI中的table设置列的宽度是width属性 问题描述：变换页面百分比的时候，table一直在跑动。解决办法：因为父元素使用了flex 布局，如一边固定一边自适...
element ui table宽度自适应，跑动问题
html - table细边框，表格不被撑开，td某些列宽度固定某些列自适应 1，实现table细边框,设置如下c...
1、table如何设置自适应宽度 参见：https://blog.csdn.net/qq_43128070/art...
写在前面：我前两天遇到了一个听起来很常见的需求，就是element-table组件在内容宽度超过table宽度后显...
今天小编介绍自适应布局实现方法的demo，1）左侧固定宽度，右侧自适应，随着窗口的宽度而变化；2）右侧固定宽度，左...
简单事情简单做-宽度自适应 所谓宽度自适应严格来说是一种PC端的自适应布局方式在移动端的延伸。在处理PC端的前端界...
本文标题：Element table 自适应宽度最简单方法
本文链接：https://www.haomeiwen.com/subject/qqojzrtx.html
网友评论