This sample demonstrates the client-side exporting of the Grid, which allows you to export its data to the Excel, Pdf and CSV formats. Use the toolbar buttons to export Grid data with advanced options in same document to desired format.
Product ID | Product Name | Quantity Per Unit | Units In Stock | Unit Price |
|---|---|---|---|---|
| 1 | Chai | 10 boxes x 20 bags | 39 | $18.00 |
| 2 | Chang | 24 - 12 oz bottles | 17 | $19.00 |
| 3 | Aniseed Syrup | 12 - 550 ml bottles | 13 | $10.00 |
| 4 | Chef Anton's Cajun Seasoning | 48 - 6 oz jars | 53 | $22.00 |
| 5 | Chef Anton's Gumbo Mix | 36 boxes | 0 | $21.35 |
| 6 | Grandma's Boysenberry Spread | 12 - 8 oz jars | 120 | $25.00 |
| 7 | Uncle Bob's Organic Dried Pears | 12 - 1 lb pkgs. | 15 | $30.00 |
| 8 | Northwoods Cranberry Sauce | 12 - 12 oz jars | 6 | $40.00 |
| 9 | Mishi Kobe Niku | 18 - 500 g pkgs. | 29 | $97.00 |
| 10 | Ikura | 12 - 200 ml jars | 31 | $31.00 |
Grid supports client-side exporting which allows you to export its data to the Excel, Pdf and CSV 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 Grid with header and footer using the excelExport, pdfExport methods. Injecting Module: features are segregated into individual feature-wise modules. To use exporting feature, we need to inject ExcelExport and PdfExport module using the Grid.Inject(ExcelExport, PdfExport) method.