jQuery grid nesting of grids with lazy loading

;

Nesting of grids with lazy loading

The data in nested grids can be loaded lazily from remote location upon expansion of corresponding row.

This example also shows how the reference to parent grid and row data of parent grid can be passed to detail view / nested child grid from detailModel.init callback.

rowData.pq_detail contains important properties of the detailModel.

pq_detail.show is true/false depending upon expanded/collapsed state of the detail.
pq_detail.child contains DOM node reference to the detail.

Javascript
HTML
CSS
ASP.NET (MVC)
PHP
Java

React

Vue

Nesting of grids with lazy loading