element UI-table表格列宽自适应

1.element UI关于表格宽度的可以使用width和show-overflow-tooltip（超出部分悬浮显示）

以及列宽自适应的fit，但是这个属性不好使，也不知道为什么

 

2.查了一些资料，发现有用width的有自己写的（本人小白看不懂），无意中发现一个利用af-table-column的，亲测有效，

原文链接：element-ui table表格列宽自动适应 

具体步骤如下：

1）安装

npm install af-table-column

2）在main.js中引用

import Vue from 'vue'
import ElementUI from 'element-ui'
//需要按需引入，先引入vue并引入element-ui
import AFTableColumn from 'af-table-column'

Vue.use(AFTableColumn)

3）在el-table中使用