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

Table scrolling is lagging when there are 20 columns #2617

Open
FrominXu opened this issue Jul 27, 2022 · 2 comments
Open

Table scrolling is lagging when there are 20 columns #2617

FrominXu opened this issue Jul 27, 2022 · 2 comments

Comments

@FrominXu
Copy link

What version of rsuite are you using?

5.16.1

What version of React are you using?

17

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

No response

What browser are you using?

No response

Describe the Bug

try this
https://codesandbox.io/s/rsuite-table-test-c1ygm5?file=/src/Table/index.js

I think the reason is on calculating. the horizontal scrolling is not virtualized, but it is lagging too, so strange.

ps: I tried the same case in Ag-Grid, it is smooth.

Expected Behavior

No response

To Reproduce

No response

@simonguo
Copy link
Member

As you can see, rsuite table does not add virtualized to horizontal scrolling. If you need to display more columns, it may not be suitable to use rsuite table temporarily.

@FrominXu
Copy link
Author

FrominXu commented Aug 1, 2022

As you can see, rsuite table does not add virtualized to horizontal scrolling. If you need to display more columns, it may not be suitable to use rsuite table temporarily.

yes, I know rsuite table does not add virtualized to horizontal scrolling. What I mean is no virtualized means all columns cell DOM elements are mounted, why it is still lagging when not need to re-render?

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

No branches or pull requests

2 participants