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

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

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

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

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

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

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

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