You are attempting to create a sticky effect for the header row, the first three columns, and the last column in your table. While the header and last column are successfully sticky, the first three columns are not sticking as intended. This could be due to conflicts in the CSS rules where the right positioning and the order of column definitions may be inadequately set, causing improper alignment or overlapping positions. Adjustments are needed in your CSS to correctly define stickiness for those specific columns.
The sticky positioning for the first three columns in your table seems to be conflicting with the assignments of the last column. To fix this, ensure that the first three columns are correctly defined with their own specified positions.
You can achieve the desired sticky effect by correctly applying the positioning properties alongside the correct indices for both the header and body rows in your table.
Collection
[
|
...
]