Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Optional scroll area in Table #584

Open
cstffx opened this issue Sep 10, 2024 · 0 comments
Open

Optional scroll area in Table #584

cstffx opened this issue Sep 10, 2024 · 0 comments

Comments

@cstffx
Copy link

cstffx commented Sep 10, 2024

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.

table

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant