Example of Print in React Grid Component

/
/
Print

This sample demonstrates the different options to print the hierarchy Grid. Select the hierarchy grid's print mode in the toobar and click the print button from the grids's toolbar item to print Grid.

More Details...

Loading....
Description

The Grid can be printed using the print method. While printing the pager and scrollbar will be removed if they are enabled in Grid. By default, all pages will be printed. We can print current page alone by setting the printMode property value as currentpage. The child grid allows us to print the grid with following options,

  • Expanded - Prints the master grid with expanded child grids.
  • All - Prints the master grid with all the child grids.
  • None - Prints the master grid alone.

We can change the child grid's print option by using the hierarchyPrintMode property.

In this demo, we have set the hierarchyPrintMode asAll. You can change the hierarchy grid's print mode by selecting the toolbar and click the print icon to print the Grid.

Injecting Module:

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

More information on the print feature can be found in this documentation section.