Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

希望支持横向滚动条sticky #78

Closed
WebEngineerLi opened this issue Apr 10, 2024 · 4 comments
Closed

希望支持横向滚动条sticky #78

WebEngineerLi opened this issue Apr 10, 2024 · 4 comments

Comments

@WebEngineerLi
Copy link

表格没有滚动到底部时横向滚动条被遮挡,希望可以支持横向滚动条 sticky

image

@xiaocheng555
Copy link
Owner

表格没有滚动到底部时横向滚动条被遮挡,希望可以支持横向滚动条 sticky

image

要横向滚动条的话只能固定表格高度;如果表格不固定高度的话滚动条只会显示在底部,这是浏览器合理行为,组件不做支持

@WebEngineerLi
Copy link
Author

表格没有滚动到底部时横向滚动条被遮挡,希望可以支持横向滚动条 sticky
image

要横向滚动条的话只能固定表格高度;如果表格不固定高度的话滚动条只会显示在底部,这是浏览器合理行为,组件不做支持

这种也算是比较常见的场景吧,当表格滚动容器为 window 的时候,如果是鼠标用户要滑到底部才能横向滚动,体验确实不好。
这种 case 下,可以用代码自定义一个横向滚动条 sticky 滚动容器的底部,然后和表格的横向滚动做联动就好了。或者组件可以开放一个slot出来,让开发者自定义横向滚动条,组件只负责渲染。

@xiaocheng555
Copy link
Owner

<virtual-scroll>
  <el-table />
  <div>滚动条</div>
</virtual-scroll>

可以这样子写,不知道满足你的需求不

@WebEngineerLi
Copy link
Author

<virtual-scroll>
  <el-table />
  <div>滚动条</div>
</virtual-scroll>

可以这样子写,不知道满足你的需求不

可以的

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants