Slice and Dice: Assuming your server-side can build the data query, you can allow the user to use the Grid UI For example, you could include 'employee count' as an attribute on the returned manager record, to say how many Server-Side Grouping, Pivot and Aggregation: Because the data is coming back from the server one group level atĪ time, this allows you to do aggregation on the server, returning the aggregated results for the top level parent This allows viewing very large datasets in the browser by only bringing back data one block of data at a time. Infinite Scrolling: Rows are read back from the server in blocks to provide the experience of infinite scrolling. Children of groups are only loaded when the user expands the group. Lazy-Loading of Groups: The grid will load the top level rows only. You may benefit from the combination of all these features or just be interested in a subset. Here there are 10 million records, however the number of records is only constrained by the limits of the server-side:Īs the user performs operations such as expanding groups, the grid issues requests to the server for more data. The following diagram shows the approach used by the SSRM. This is precisely the problem the SSRM addresses, along with delegating server-side operations such as filtering, sorting, grouping and pivoting. Instead the data will need to be lazy-loaded as required and then purged to limit the memory footprint in the browser.

In this case it simply isn't feasible to load all the data into the browser in one go. However, many real world applications contain much larger datasets, often involving millions of records.

The Client-Side Row Model only renders the rows currently visible using DOM Virtualisation, so the upper limit of rows is governed by the browser's memory footprint and data transfer time, rather than any restrictions inside the grid. on the data inside the grid without requiring further assistance from the application. Once the data is loaded into the grid using the Client-Side Row Model, the grid can then do sorting, filtering, grouping etc.

Ag grid domlayout