vue项目el-table表格自适应列宽

一个非常好用的table自适应第三方插件

1.npm下载

npm install af-table-column

2.在main.js页面引入,然后use挂载，

import AFTableColumn from 'af-table-column'

Vue.use(AFTableColumn);

3.在页面中需要自适应的表格，将el-table-column改为af-table-column即可。

<el-table
        ref="table"
        :data="tableData"
        tooltip-effect="dark"
        :header-cell-style="{ background: '#ddd' }"
        border
        style="width: 100%"
       >
        <af-table-column
        label="企业名称"
        prop="enterpriseName"
        align="center"
        show-overflow-tooltip
      >
      </af-table-column>
</el-table>