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) {...})
Row Click Drilldown Grid
Here is a complete grid with drilldown by row click enabled:
Top
Row Hover
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) {...})
Row Hover Drilldown Grid
Here is a complete grid with drilldown by row hover enabled:
Top
Related Resources
Here are some extra resources related to this feature to help with creating your grid: