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

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

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

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

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

阅读 1.9k
评论
    1 个回答
    • 3
    • 新人请关照

    请问这个解决了吗?

      撰写回答

      登录后参与交流、获取后续更新提醒

      社区建设
      合作问答

      欢迎来到 SegmentFault 0x 社区建设。这里可以讨论有关 SegmentFault 的一切,帮助我们改进产品、完善社...