element-ui table横向滚动条窗口底部显示

背景:使用Element UI table,内容超过一屏,且出现横向滚动条时,如果想看右边的列,需要先把竖向滚动条拉到下面,然后拖动横向滚动条到右边,再把竖向滚动条拉上去,非常不方便。

建议:表格内容超过一屏时,横向滚动条固定在窗口底部,向下拖动竖向滚动条,表格底部出现在视口内时,横向滚动条复位到表格底部。

这个方案应该能解决很多人的痛点,😁。

需要用到fixed的参数和一些其他的ele自带的属性。目前自己通过MutationObserver 实现该功能,但从性能和实现方式来讲并不是很好,且有兼容问题,哪位大佬有实现该需求的 分享下代码观摩下实现方式.或者其他table组件有类似功能的推荐下 参考下源码

阅读 7.3k
1 个回答
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题