rsuite icon indicating copy to clipboard operation
rsuite copied to clipboard

Table组件每一行的下边框border-bottom关不掉, 并且有缝隙能看到背景色

Open fallenleavesguy opened this issue 2 years ago • 9 comments
trafficstars

What version of rsuite are you using?

5.30.0

What version of React are you using?

18.2.0

What version of TypeScript are you using (if any)?

4.8.3

What browser are you using?

chrome 67 for windows

Describe the Bug

Table组件每一行的下边框border-bottom关不掉,因为两行之间有缝隙,能穿透看到背后的背景色,就算有border也会因为border和背景色混合在一起,看着很糊。返回整数rowHeight可以第一屏没缝隙,往下滚动,缝隙又出来了

Expected Behavior

可以关闭border-bottom,或者border-bottom正常显示,不与背景色混合

To Reproduce

No response

fallenleavesguy avatar Apr 06 '23 11:04 fallenleavesguy

这是一个有关 rsuite-table 的议题,请 @simonguo 查看

SevenOutman avatar Apr 07 '23 03:04 SevenOutman

@fallenleavesguy 你好,能否通过图例说明一下你的问题,或者你希望解决到达的效果?

simonguo avatar Apr 07 '23 04:04 simonguo

@fallenleavesguy 你好,能否通过图例说明一下你的问题,或者你希望解决到达的效果?

就是单元格之间,行与行之间,容易出现缝隙,特别是页面使用rem单位缩放的时候特别明显。应该是计算大小的时候有小数导致的吧。图片后面我找那个没登陆github的设备补一下。

fallenleavesguy avatar Apr 07 '23 05:04 fallenleavesguy

@simonguo 您好. demo地址

你好, 从demo可见,表格每行之间是有缝隙的,设置背景色红色能看到。希望能关闭border-bottom,就算不能关闭,也希望不要看到背景后面的东西。

image

fallenleavesguy avatar Apr 09 '23 16:04 fallenleavesguy

@simonguo 您好. demo地址

你好, 从demo可见,表格每行之间是有缝隙的,设置背景色红色能看到。希望能关闭border-bottom,就算不能关闭,也希望不要看到背景后面的东西。

image 我在mac上也测试了一下,同样是chrome,在window上容易出现,mac上在滚动到底部的时候有概率出现

fallenleavesguy avatar Apr 12 '23 08:04 fallenleavesguy

image

无法复现你说的问题,你可以尝试给 Table 添加一个白色背景看看能不能解决你的问题。

simonguo avatar Apr 12 '23 14:04 simonguo

image

无法复现你说的问题,你可以尝试给 Table 添加一个白色背景看看能不能解决你的问题。

你图里的蓝色线条有大有小,其实是同一个问题

fallenleavesguy avatar Apr 13 '23 08:04 fallenleavesguy

image

无法复现你说的问题,你可以尝试给 Table 添加一个白色背景看看能不能解决你的问题。

试试滚动到底部,用windows,用1080p的显示器

fallenleavesguy avatar Apr 13 '23 08:04 fallenleavesguy

按一下Ctrl + 放大一下窗口倒是复现了

image

FishOrBear avatar Jun 05 '23 07:06 FishOrBear