cloudscape-design / components

React components for Cloudscape Design System
https://cloudscape.design/
Apache License 2.0
2.34k stars 153 forks source link

[Feature Request]: Adding Virtual Rendering to a Table Component #2279

Open mastrayer opened 4 months ago

mastrayer commented 4 months ago

Description

I'm experiencing performance issues when rendering large datasets in a table. Could you add functionality to enable virtual rendering using a library like react-virtualized?

Code of Conduct

jperals commented 4 months ago

Hello,

Thanks for your suggestion. Is there a specific reason that you prefer to show all the data at once? Otherwise, using pagination would be our recommended approach.

Also note that we are working on a progressive loading feature (i.e, click to load more items), in case that would help too.

mastrayer commented 4 months ago

I’m implementing a table to display simulation data. The table should allow sorting by desired values, and therefore, showing all the data at once rather than using pagination seems to provide a better user experience. In this case, wouldn’t Cloudscape’s table be a good example to use?

jperals commented 4 months ago

You can still sort if you use pagination. If you have all the items on the client side, the collection hooks package can be helpful. You can take a look at this demo and its source code to see how you can implement this.