手动拖拽表格某一单元格后，滚动轴溢出被覆盖（滚动轴丢失）问题

空白_A

于 2024-07-02 20:52:42 发布

阅读量180

点赞数 4

文章标签： vue.js elementui javascript

本文链接：https://blog.youkuaiyun.com/weixin_56933704/article/details/140135943

版权

原因：表头高度不一致，表格高度增加，滚动轴有可能溢出被覆盖，造成滚动轴丢失

手动拖拽表格表头的某一单元格后，和固定列高度不一致表头高度变化（变高或者低）更新表格防止滚动轴溢出被覆盖（滚动轴丢失）

修改：找到表格拖动事件，添加更新表格事件

<templete>
       <el-table
          :class="isMac? 'winuserAgent' : 'userAgentMac'"
          :span-method="handleSpanMethod"
          @header-dragend='headerdragend'
        >
              <el-table-column
                  prop="id"
                  label="ID">
              </el-table-column>
        </el-table>
</templete>


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