自定义浏览器滚动条并且设置 scroll.y 时,如果数据内容较少,右侧仍旧会出现填充列。
问题复现地址:
https://stackblitz.com/edit/react-ytlq4p?file=index.css,demo.tsx,index.tsx
问题描述:
当自定义浏览器滚动条时,并且设置 scroll.y,此时 rc-table 会在表头自动添加一列 xxx-cell-scrollbar,用于与自定义滚动条对齐。
但是当表格的数据量比较小时,表格内并没有出现滚动,还是会添加 xx-cell-scrollbar 列,并且表格内部会设置 overflow: scroll,样式会显得比较奇怪,如下:
期望:
希望能在表格内部未出现滚动的情况下,不自动添加该 scrollbar 列,并且 body 样式设置为 overflow: auto。
一点想法:
默认情况下不添加 scrollbar 列,用 rc-resize-observer 监听 body 是否滚动,渲染完成后,根据滚动状态来决定是否添加 scrollbar 列。
同样的问题我们也遇到了,希望给到一个解决的方法
@zombieJ
https://github.com/ant-design/ant-design/issues/47777#issuecomment-1985302307 需要自行监听是否滚动条
哥,解决了吗,遇到同样问题
列多时,不填充可能列头错位。