效果图:
![在这里插入图片描述](https://img-blog.csdnimg.cn/f62ea4355d2d4f288ac08797098be8dd.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5Zyf6LGG56iL5bqP5aqb,size_20,color_FFFFFF,t_70,g_se,x_16)
template:
<el-table
:data="tableData"
ref="table"
:cell-class-name="tableCellClassName"
auto-fit-column
>
<el-table-column label="光亮" prop="guang"
:width="flexColumnWidth('guang',tableData)"></el-table-column>
<el-table-column label="清水河" prop="qing"
:width="flexColumnWidth('qing',tableData)"></el-table-column>
<el-table-column label="喜马拉雅" prop="xi"
:width="flexColumnWidth('xi',tableData)"></el-table-column>
<el-table-column label="怕无归期怕空欢喜怕没有奇迹" prop="pawu"
:width="flexColumnWidth('pawu',tableData)"></el-table-column>
<el-table-column label=