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

datatable使用max-height时, 调节列宽无法看到横向滚动条 #5937

Open
5 tasks done
onlyJinx opened this issue May 10, 2024 · 3 comments
Open
5 tasks done
Labels
untriaged need to sort

Comments

@onlyJinx
Copy link

描述错误

在拖拽列宽的演示代码里添加max-height属性,就会出现拖拽列宽是没有滚动条出现导致后面的列无法显示

no
yes

复现步骤

列宽拖拽的代码里添加一个max-height属性就可以复现

最小复现链接

https://codesandbox.io/p/sandbox/still-currying-2mzd95

系统信息

chrome

使用的包管理器

npm

验证

@onlyJinx onlyJinx added the untriaged need to sort label May 10, 2024
@jizai1125
Copy link
Contributor

应该是个 bug,可以设置下 scroll-x

@onlyJinx
Copy link
Author

应该是个 bug,可以设置下 scroll-x

scroll-x这个也有想过,但是我们怎么获取调整后的列宽呢? 还有一种情况就是你前面那一列resize后后面的会出现被挤压变小, 这部分也要去计算出来, 所以我现在不知道如何通过获取这些数据然后动态赋值给scroll-x

@jizai1125
Copy link
Contributor

jizai1125 commented May 11, 2024

应该是个 bug,可以设置下 scroll-x

scroll-x这个也有想过,但是我们怎么获取调整后的列宽呢? 还有一种情况就是你前面那一列resize后后面的会出现被挤压变小, 这部分也要去计算出来, 所以我现在不知道如何通过获取这些数据然后动态赋值给scroll-x

要是拖拽后的总列宽超了 scroll-x,确实还是存在问题;
问题应该出在这,要是 xScrollable 能被覆盖直接设为 true 就可以解决了

image

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

No branches or pull requests

2 participants