请高手指，如何用javascript实现左右拖动滚动条时，固定table中的前2列？多谢！

haloha 2002-03-22 10:26:53

请高手指，如何用javascript实现左右拖动滚动条时，固定table中的前2列？多谢！

...全文

102 3 打赏收藏转发到动态举报

写回复

3 条回复

切换为时间正序

请发表友善的回复…

发表回复

YHW 2002-03-22

打赏
举报

回复

我也碰到了类似的问题

关注中

haloha 2002-03-22

打赏
举报

回复

是这样的：
用户在浏览table数据是，由于列数太多，需要左右滚动，那就看不到最前列的重要字段，因此最前列的字段所在列要固定，就象应用程序中的表格录入界面一样。请问如何实现，多谢！

唯伊Coder 2002-03-22

打赏
举报

回复

能说得清楚一点吗？

iview，vue，表格组件，table，滚动条，无法拖曳，拖动，无效，不生效，没反应，table固定列后,进度条无法拖拽iview固定列导致滚动条失效，也不报错，样式，无法覆盖，deep，iviewtable组件当固定高度后，fixed某一列会出现盖住滚动条的情况，滚动条始终位于可视区域的实现，详细解决方案，如何解决这个问题，样式覆盖依然报错，无法滚动，鼠标拖住不动，设置固定列，横向滚动条在固定列的位置上无法滚动的问题，vue2iview表格固定后滚动条无法拖动，解决iview带合计行表格固定列后滚动

写项目的时候有一个需求，就是当el-table的滚动条滑动的时候，可见区域如果没有该列则固定到左侧，由elementUi官方网站可知el-table固定一列的代码如下:fixed为主要的标识头部固定设置的是table的高度。

vue3，iview，表格组件，table，滚动条，无法拖曳，拖动，无效，不生效，没反应，无法滚动，鼠标拖住不动，设置固定列，横向滚动条在固定列的位置上无法滚动的问题，vue3iview表格固定后滚动条无法拖动，解决iview带合计行表格固定列后滚动条无法拖拽的问题，table固定列后,进度条无法拖拽iview固定列导致滚动条失效，也不报错，样式，无法覆盖，deep，iviewtable组件当固定高度后，fixed某一列会出现盖住滚动条的情况，滚动条始终位于可视区域的实现，详细解决方案，如何解决这个问题

希望我的分享能够帮助到更多的人，如果觉得我的分享有帮助的话，请大家一键三连支持一下哦~❤️原创不易，期待你的关注与支持~😊之后我会继续更新前端学习小知识，关注我不迷路~

当表格有固定列会出现横向滚动条无法拖动问题，尤其是固定列固定在左边且表格没数据的时候。这可能是因为固定区域盖住了横向滚动条，不是视觉上的覆盖，是去拖动时没有触发效果。

23,404

社区成员

70,513

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章