table icon indicating copy to clipboard operation
table copied to clipboard

自定义浏览器滚动条并且设置 scroll.y 时,如果数据内容较少,右侧仍旧会出现填充列。

Open promise96319 opened this issue 2 years ago • 7 comments

问题复现地址:

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,样式会显得比较奇怪,如下:

image

期望:

希望能在表格内部未出现滚动的情况下,不自动添加该 scrollbar 列,并且 body 样式设置为 overflow: auto。

一点想法:

默认情况下不添加 scrollbar 列,用 rc-resize-observer 监听 body 是否滚动,渲染完成后,根据滚动状态来决定是否添加 scrollbar 列。

promise96319 avatar Jun 12 '23 07:06 promise96319

同样的问题我们也遇到了,希望给到一个解决的方法

NickJiangDev avatar Aug 24 '23 08:08 NickJiangDev

@zombieJ

NickJiangDev avatar Aug 24 '23 09:08 NickJiangDev

https://github.com/ant-design/ant-design/issues/47777#issuecomment-1985302307 需要自行监听是否滚动条

BanShan-Alec avatar Apr 01 '24 09:04 BanShan-Alec

哥,解决了吗,遇到同样问题

hcgee avatar Jul 24 '24 09:07 hcgee

列多时,不填充可能列头错位。

yoyo837 avatar Jul 24 '24 09:07 yoyo837