自学内容网 自学内容网

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

效果图

在这里插入图片描述

问题描述

在使用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)!