admin管理员组

文章数量:1565809

问题描述

在使用element-ui中的 el-table 时，使用了 fixed 属性固定列之后，就会容易在各种场景出现表格错位的问题。

解决方案：

解决办法1 element-ui官网提供的doLayout方法:

doLayout对 Table 进行重新布局。当 Table 或其祖先元素由隐藏切换为显示时，可能需要调用此方法

直接在渲染表格时加入此方法

this.$nextTick(() => {
      // myTable是表格的ref属性值
      if (this.$refs.myTable && this.$refs.myTable.doLayout) {
        this.$refs.myTable.doLayout();
      }
})

解决办法2

1.给所有的列增加width,即可解决
2.把 加了fixed属性的 固定列的 min-width 改成 width

本文标签： 表格elementUItable

版权声明：本文标题：解决element-ui table表格错位问题 内容由热心网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：https://www.elefans.com/dongtai/1725724508a1038783.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。