如何让el-table表头内容自适应避免错位及固定问题？

本文共计881个文字，预计阅读时间需要4分钟。

将代码复制到指令中即可使用。通过指令方式调用。使用方式：+el-table+v-tableFit/el-table+通过计算文本宽度的方式设置表头，其他内容无法计算。针对5000个单元格以上的实际情况下使用。

将代码复制到指令中即可使用。通过指令方式进行调用。（使用方式 <el-table v-tableFit></el-table>）

通过计算文字的宽度进行表头设置，其他内容无法计算。

5000个单元格以上根据实际情况使用以上根据实际情况使用，因为单元格越多，计算时间越长。

尽量使用v-if，不然有些情况下会计算错误。

Vue.directive("tableFit", { //指令所在组件的 VNode 及其子 VNode 全部更新后调用。