• Material 3
  • Material 3 Dark
  • Fluent
  • Fluent Dark
  • Bootstrap v5
  • Bootstrap v5 Dark
  • Tailwind CSS
  • Tailwind CSS Dark
  • Material
  • Bootstrap v4
  • High Contrast
Preferences
Mode Selection
Touch
Mouse
Theme Selection
Localization
*Translated by Google Translator.
Currency
Essential Studio
HOME
All Controls

Example of Multiple Exporting in ASP.NET Core Data Grid Control

This sample demonstrates the client-side exporting of mutliple grids, which allows you to export the data of multiple grids in the same or different pages to Excel and PDF formats.

DEMO
SOURCE

Master Grid

Showing orders of Customer ID:

Export grids in same sheet

Data Grids support client-side exporting which allows you to export data to Excel and PDF formats.

Multiple grids can be exported by providing their IDs in the exportGrids property.

In this demo, Excel and PDF exports are enabled in both grids by setting the allowExcelExport and allowPdfExport properties to true. In the master grid, the grid IDs are listed in the exportGrids property which can be exported to Excel and PDF formats by clicking the toolbar buttons.

The ExcelExport and PdfExport items are defined in the toolbar of the Grid. Actions are defined in the toolbarClick event to export Grid data using excelExport and pdfExport methods.

By default, in this demo grids are exported on the same page. They can be exported in separate pages by unchecking the checkbox. This can be achieved by setting the multipleExport type of ExcelExportProperties and PdfExportProperties.

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

Transform your ASP.NET Core web apps today with Syncfusion ASP.NET Core components
85+ high-performance and responsive UI components
Dedicated support
Hassle-free licensing
TRY IT FOR FREE