Example of Default Exporting in React Tree Grid Component

All Controls
/
Treegrid
/
Export

This sample demonstrates the client-side exporting of the Tree Grid, which allows you to export its data to the Excel, Pdf and CSV formats. Use the toolbar buttons to export Tree Grid data to desired format.

By using the Persist collapsed state checkbox we can persist the Expand/Collpase state of Tree Grid in exported document

More Details...

1
Planning
2/3/20172/7/20175100Normal
2
Plan timeline
2/3/20172/7/20175100Normal
3
Plan budget
2/3/20172/7/20175100Low
4
Allocate resources
2/3/20172/7/20175100Critical
5
Planning complete
2/7/20172/7/201700Low
6
Design
2/10/20172/14/2017386High
7
Software Specification
2/10/20172/12/2017360Normal
8
Develop prototype
2/10/20172/12/20173100Critical
9
Get approval from customer
2/13/20172/14/20172100Low
10
Design Documentation
2/13/20172/14/20172100High
11
Design complete
2/14/20172/14/201700Normal
12
Implementation Phase
2/17/20172/27/20171166Normal
13
Phase 1
2/17/20172/27/20171150High
14
Implementation Module 1
2/17/20172/27/20171110Normal
15
Development Task 1
2/17/20172/19/2017350High
16
Development Task 2
2/17/20172/19/2017350Low
17
Testing
2/20/20172/21/201720Normal
18
Bug fix
2/24/20172/25/201720Critical
19
Customer review meeting
2/26/20172/27/201720High
20
Phase 1 complete
2/27/20172/27/2017050Low
21
Phase 2
2/17/20172/28/20171260High
22
Implementation Module 2
2/17/20172/28/20171290Critical
23
Development Task 1
2/17/20172/20/2017450Normal
24
Development Task 2
2/17/20172/20/2017450Critical
25
Testing
2/21/20172/24/201720High
26
Bug fix
2/25/20172/26/201720Low
27
Customer review meeting
2/27/20172/28/201720Critical
28
Phase 2 complete
2/28/20172/28/2017050Normal
29
Phase 3
2/17/20172/27/20171130Normal
30
Implementation Module 3
2/17/20172/27/20171160High
31
Development Task 1
2/17/20172/19/2017350Low
32
Development Task 2
2/17/20172/19/2017350Normal
33
Testing
2/20/20172/21/201720Critical
34
Bug fix
2/24/20172/25/201720High
35
Customer review meeting
2/26/20172/27/201720Normal
36
Phase 3 complete
2/27/20172/27/2017050Critical
Export Customization
Description

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

In this demo, for the toolbar items of exporting, we have defined actions in toolbarClick event to export the Tree Grid data using the excelExport, pdfExport and csvExport methods.

Injecting Module:

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

More information on the Pdf exporting and Excel exporting can be found in documentation section