el-table动态表格自适应宽度

问题描述

由于表头和列是分开渲染的,通过el-table 设置fit属性,只能撑开表头,但是没有办法根据列的内容去适应宽度。


解决方案:

代码逻辑是通过vue 的watch 监控表格的数据data,计算每列的内容和表头的最大宽度,计算的时候把表格内容使用span标签包裹,然后计算span标签的宽度width:px,然后再加上表格的内边距,就得到了列的最大宽度.


      
                   show-overflow-tooltip>
    



你可能感兴趣的:(vue.js,前端,javascript,elementui)