Buffer Rendered Grid

Ext JS's grid supports buffered rendering, which enables you to load large numbers of records into a grid without paging.

Only the visible portions of the loaded store are rendered into the DOM. As the edge of the rendered data scrolls towards being in view, the table has new rows appended just in time, and rows removed from the receding side.

This example illustrates loading of all the records up front and buffering the rendering, but sorting is not enabled. Grid may be grouped by salary level.

For an example illustrating dynamically loading and sorting data take a look at the Forum example.

The code is not minified, see buffer-grid.js