Drilldown

With ZingGrid's robust API, you can drill down into grid data with a row:click or row:mouseover event.

ZingGrid has an extensive list of API events for you to add dynamic interactions to your grid. Check out the entire list of API events here.

Row Click

Add an event listener for the row:click event (see below) to enable drill down into rows by clicking on them.

mainGrid.addEventListener('row:click', function(e) {...})

Here is a complete grid with drilldown by row click enabled:

Top

Add event listeners for the row:mouseover and row:mouseout events (see below) to enable drill down into rows by hovering over them.

mainGrid.addEventListener('row:mouseout', function(e) {...});
mainGrid.addEventListener('row:mouseover', function(e) {...})

Here is a complete grid with drilldown by row hover enabled:

Top

Here are some extra resources related to this feature to help with creating your grid: