Bad Performance in UI for large data

[kotlinbuddy]

Suggestion to change the "map" function to react-window going by Rendering large lists in React article

tribler/src/tribler/ui/src/components/ui/simple-table.tsx

Line 360 in 21c63e8

table.getPaginationRowModel().rows.map((row) => (

When there are lot of items in the downloads tab, performance is terrible. Unable to interact with page for a very long time. Any UI change causes another stoppage, leading to a constant slowdown.

I'm not sure if issue is due to lots of rows being rendered, or,
if the pagination thing is causing lot of recalculation, which is then causing re-rendering of data, due to update in paginated data.

I'm also not sure if "control+a" (select all) will break if using react-window. Currently i can do it, although very slowly

[teddyrogers]

This is being addressed in issue #8365 and is marked to be completed in Tribler 8.2.0.

[kotlinbuddy]

thanks