Example of Hierarchy Exporting in React Grid Component

/
/
HierarchyExport

This sample demonstrates the hierarchy Grid export feature. In this sample, you can export the hierarchy grid by clicking the corresponding export button from the grid's toolbar.

More Details...

Loading....
Description

Grid supports client-side Hierarchy Grid exporting which allows you to export its data to the Excel and Pdf formats.

In this demo, ExcelExport and PdfExport items are defined in the toolbar. For these toolbar items, we have defined actions in toolbarClick event to export hierarchy Grid using the excelExport, pdfExport methods and the grid will export using All mode.

The hierarchy grid allows us to export the grid with following options,
  • Expanded - Exports only the visible child grids in expanded state.
  • All - Exports the all the child grids in expanded state.
  • None - Exports the child grids in collapse state.

We can change the hierarchy grid's export option by using the hierarchyExportMode property.

Injecting Module:

Grid features are segregated into individual feature-wise modules. To use Hierarchy, PdfExport and ExcelExport Grid feature, we need to inject DetailRow, PdfExport, ExcelExport module into the services.

More information on the exporting configuration can be found in this pdf-export and excel-export documentation sections.