[Feature request] Use data grid for some tables

[fanthos]

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 )

[tananaev]

Which table are you talking about?

[fanthos]

Currently, Reports -> Route is slow when returns 1000+ records. The network time is 0.4s, but render time is 5s.

[tananaev]

On what hardware?

[tananaev]

Also how many more than 1000 records?

[fanthos]

Its a virtual desktop computer with 4 x Xeon E5 vcpu, it takes 5s to render when it has 1200 records, and 7-10 s when 3300 records.

[tananaev]

How much RAM?

[fanthos]

It has 8GB RAM but only 3.5GB used

[fanthos]

The tool I am using is Performance tab in Chrome debugger tool.