Virtual scrolling and lazy loading for table UI

[juliushaertl]

I've tested performance a bit with larger tables now that we have an import way. 1000 rows work fine, though with a 10000 row CSV I currently run into a Error in nextTick: "RangeError: Maximum call stack size exceeded" error when the app tries to render those.

We should consider introducing some way of virtual scrolling to only render the visible rows and probably also think about lazy loading of data.

Useful sample data sets:

• https://www.datablist.com/learn/csv/download-sample-csv-files
• https://www.stats.govt.nz/large-datasets/csv-files-for-download/

Related to #110

Next steps

• Performance: Investigate impact of component rendering vs. still having the full row list in the vuex store on the frontend #940
• Performance: Evaluate options to make the table/view row listing paginated #941

[datenangebot]

👍 cool, it's exactly the same as I did.

Yes, let's add that to the roadmap.

[juliushaertl]

We should get a better overview on the frontend side to see where the bottlenecks are with 1k, 10k, 100k rows to know what implementation efforts have what impact. Added two tasks to the first post for now.

Then we can decide if there is something we can tackle first.