You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
I’m writing my own data grid based on the Table component. To achieve sticky and resizable columns, I’m using two tables. The first only contains the headers, and the second only contains the content. There is a hidden header in the second table that make resize columns more easy.
However, I’m having problems when the entire table is resized due to the use of a Scroll area in the table component. Some times the scroll area's viewport keep an old width and only add extra DOM nodes to my visible header.
I suggest:
1 - Making the use of a Scroll area in the table component optional using a prop in the Table component. Something like "scrollArea: false".
2 - A way to get the ref of the Scroll Area.
3 - onScroll event in Table.Root component
This things are needed when implementing row and column virtualization.
The text was updated successfully, but these errors were encountered:
I’m writing my own data grid based on the Table component. To achieve sticky and resizable columns, I’m using two tables. The first only contains the headers, and the second only contains the content. There is a hidden header in the second table that make resize columns more easy.
However, I’m having problems when the entire table is resized due to the use of a Scroll area in the table component. Some times the scroll area's viewport keep an old width and only add extra DOM nodes to my visible header.
I suggest:
1 - Making the use of a Scroll area in the table component optional using a prop in the Table component. Something like "scrollArea: false".
2 - A way to get the ref of the Scroll Area.
3 - onScroll event in Table.Root component
This things are needed when implementing row and column virtualization.
The text was updated successfully, but these errors were encountered: