Element el-table 判断是否有滚动条

Posted 2023-05-06 DL-CODER

判断是否有滚动条

// dom 元素
const dom = this.$refs.uploadTableRef?.bodyWrapper
// 滚动到底部
if (num > 7 && dom?.scrollTop + dom?.clientHeight === dom?.scrollHeight) 
  console.log(2)
  // 元素滚动条滚动
  this.$refs.uploadTableRef?.bodyWrapper?.scrollTo(0, 40)

传送门：https://juejin.cn/post/6999872203802017823
传送门：https://developer.mozilla.org/zh-CN/docs/Web/API/Window/scrollTo

el-table固定多列问题

参考技术A 问题一、当无数据时，默认显示的“暂无数据”四个字偏到右侧，被遮挡。

原因：由于表格数据太多，下方出现横向滚动条，‘暂无数据’文本根据列平铺的总宽度进行居中，导致无数据时“暂无数据”文本向右偏移。

解决办法：设置“暂无数据”文本元素所在元素右侧的内边距。

问题二、固定列所在位置的横向滚动条，拖动无效。如下图，红框部分拖动无效，只有拖动绿框部分，才有响应。

解决办法：