Available in the Full Version

Data Grid - Virtualization (Continuous)

This sample is designed for a larger screen size.

On mobile, try rotating your screen, view full size, or email to another device.

This sample demonstrates the continuous virtualization capabilities of the igGrid control. Continuous virtualization is a feature that controls how rows are displayed in the grid i.e. only a chunk of the total rows in the data source are rendered in the DOM. As the user scrolls up and down the grid, the virtualization feature determines if the current rows are sufficient to display the next/previous portion of rows. If new rows are required, then the current portion of rows is disposed and the new portion of rows is created. Therefore a grid with 1,000 records in its data source may only display 30 at a time which significantly reduces the DOM overhead. One of the advantages when using continuous virtualization is that each row in the igGrid control could span on several lines. Thus, row height may vary from row to row.

Code View

Copy to Clipboard