Table with virtualized rows
Our <Table
implementation adds all data rows as tr
to table's tbody
. When the list is large, the number of DOM elements becomes a lot for the browser to handle. This also results in slow unmounting/mounting of the <Table
component.
Adopt and adapt virtualized support for TableRow
from react-window
https://github.com/bvaughn/react-window.
This would allow the UI to remain responsive even with thousands of data rows available for display.
This is not a priority issue.