自学内容网 自学内容网
自学内容网 > 正文

element问题总结之el-table使用fixed中 header换行后固定行错位问题/固定列下陷问题

🕗 发布于 2024-04-09 01:17 vue  elementui  vue.js  javascript  

固定列下陷问题

效果图

在这里插入图片描述

问题描述

在使用el-table的fixed中，发现如果header拖拽文本折行的时候会出现下陷

解决方案

1、为table添加ref

<el-table
        ref="doLayout"  //添加ref，名字可自定义
        v-adaptive="{ bottomOffset: 85 }"
        height="100px"
        v-loading="loading"
        :data="dataList"
        @header-dragend="doLayout"
      >

2、调用节点重新自适应方法doLayout

  methods: {
    doLayout() {
      this.$nextTick(() => {
        this.$refs.doLayout.doLayout();
      });
    },
}

3、在操作表头的时候触发的函数header-dragend绑定doLayout方法

在这里插入图片描述

4、成功解决


原文地址：https://blog.csdn.net/m0_50207524/article/details/137525516

免责声明：本站文章内容转载自网络资源，如本站内容侵犯了原著者的合法权益，可联系本站删除。更多内容请关注自学内容网（zxcms.com）！

相关文章

自学内容网
Copyright © 2015-2024