Pagination with many rows per page (e.g. 100 records) is too slow in 'table' editing mode
Opened this issue · 2 comments
material-react-table version
3.0.1
react & react-dom versions
18.3.1
Describe the bug and the steps to reproduce it
Following same bug in issue Virtualized rows are too slow in 'table' editing mode (Issue 847), when changing number of rows per page from a small amount to large amount (e.g. 5 rows per page to 100 per page) using 'table' editing mode, the load is significally slow.
Minimal, Reproducible Example - (Optional, but Recommended)
https://codesandbox.io/p/devbox/table-inputs-with-100-rows-rf2h3x
Screenshots or Videos (Optional)
Recording.2024-12-04.171501.mp4
Do you intend to try to help solve this bug with your own PR?
None
Terms
- I understand that if my bug cannot be reliably reproduced in a debuggable environment, it will probably not be fixed and this issue may even be closed.
You can change the number of rows that are shown in the dropdown. Maybe just cap at 50
You can change the number of rows that are shown in the dropdown. Maybe just cap at 50
Hi @KevinVandy, thanks for your reply. Yeah I did that and performance improved. But I wonder if this could be fixed or not in MRT. If not, is there a way to put a spinning wheel or skeleton bars, thus you can show a user that data is being loaded?