Currently mui table is slow when lots of rows. mui it self provices @mui/x-data-grid for big data, there are also some other components has virtual table feature that can handle millons rows.
Right now the web page display first 4000 rows according the code, but no limit if switch to virtual table.
It takes 5+ seconds for my computer to render route with 3000 nodes.
There are many npm packages can handle this:
react-virtualized
fixed-data-table-2
rc-table
@mui/x-data-grid( limit 100 rows )
@mui/x-data-grid-pro( has virtual rows but paid )
Currently mui table is slow when lots of rows. mui it self provices
@mui/x-data-gridfor big data, there are also some other components has virtual table feature that can handle millons rows.Right now the web page display first 4000 rows according the code, but no limit if switch to virtual table.
It takes 5+ seconds for my computer to render route with 3000 nodes.
There are many npm packages can handle this:
react-virtualizedfixed-data-table-2rc-table@mui/x-data-grid( limit 100 rows )@mui/x-data-grid-pro( has virtual rows but paid )