[vue] element的表格fixed悬浮固定列错乱的官方解决办法

喜樂的CC

于 2022-08-10 18:03:59 发布

阅读量2.6k

点赞数 1

分类专栏： Vue 文章标签： elementui 前端 javascript

转载请注明出处链接, 谢谢合作.

本文链接：https://blog.csdn.net/qq_40259641/article/details/126271604

版权

47 篇文章

订阅专栏

本文介绍了解决表格在不同数据状态下面临的排版问题，包括使用唯一key、show-overflow-tooltip属性及调用doLayout方法来确保表格正确布局。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一般从无数据到有数据, 表格中的fixed列就会出现排版错误如图

有用唯一key解决的, 也有因为有列用了show-overflow-tooltip导致,然后全部列都要添加上这个属性解决的.

各种奇奇怪怪的情况, 官方的办法是用表格的doLayout方法

doLayout

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

    // 重新渲染表格
    doLayoutFun() {
      let that = this;
      this.$nextTick(() => {
        that.$refs.commonTable.doLayout();
      });
    },