UX and large datasets
To close this chapter, let me share some thoughts about the convenience (or inconvenience) of having a Grid
with 10,000 (or more) rows in it.
Lazy loading Grid versus direct search
In the screen I'm using to develop the examples of this chapter, I can see around 15 rows at a time in a Grid
component. If I want to see the row 5,390, for example, I have to scroll down and try to find the rows around 5,390. That takes me 1 or 2 seconds if I'm lucky. After this, I have to do some fine-tuned scrolling to get to the exact row. Something that can take 1 or 2 seconds again. This scrolling-through to search data is possible with this example application because the demo data is generated with consecutive numbers for the values in the fields. There are no missing numbers. In other situations, this might not be possible at all. Even in the cases where this is possible, scrolling through thousands of rows is not a good user experience.
Filters aim to help; clicking on a TextField
...