Fixed Columns with RowSpan Overlap When There Is Scrollable Content
Author: OopsNegiCreated Mar 23, 2025Updated Jul 7, 2025
What version of rsuite are you using?
5.2.4
What version of React are you using?
17.0.2
What version of TypeScript are you using (if any)?
No response
What browser are you using?
Google Chrome, Microsoft Edge, etc.
Describe the Bug
When using fixed columns with rowSpan in rsuite-table, they render correctly if the table is not scrollable. However, when the table has scrollable content (i.e., more columns than the viewport width), the fixed columns with rowSpan overlap each other.
Expected Behavior
Fixed columns with rowSpan should not overlap when the table has scrollable content.
To Reproduce
Set a fixed column with rowSpan in rsuite-table.
Add enough columns to make the table content scrollable horizontally.
Observe that the fixed columns with rowSpan overlap even without scrolling.
Screenshot is attached for reference:-
Source: rsuite/rsuite