In this video, you will learn how to export the Syncfusion React Data Grid to PDF or Excel. Easily export to PDF or Excel with complete customization in a few lines of code. Customization options include adding a header and footer, exporting the current page of the Data Grid, custom themes, and more.
The React Data Grid is a feature-rich component for displaying data in a tabular format. Its wide range of functionalities includes data binding, editing, Excel-like filtering, custom sorting, aggregating rows, and selection. Bind data seamlessly from various local and remote data sources such as JSON, OData, WCF, and RESTful web services with the help of a data manager.
Data Grid has a highly responsive layout and an optimized design for desktops, tablets, and smartphones. It works well on all mobile phones that use iOS, Android, or Windows OS. It comes with built-in Fluent, Tailwind CSS, Bootstrap, Material, high contrast, and Fabric themes. Utilize the Theme Studio tool to customize these themes.
The React Data Grid lets users perform create, read, update, and delete operations (CRUD) easier with lists of business objects or a remote data service with the help of the data manager. Users can create custom user experiences in the Data Grid using a wide range of template options.
Export the Data Grid in various file formats, including Excel, PDF, and CSV. Print all of the rows, regardless of the number of pages, or just the currently viewed page. Format dates, currency, and numbering to suit supported cultures.
Tutorial video: https://www.syncfusion.com/tutorial-v...
To learn how to create a React app and integrate the Syncfusion React Data Grid component, check out this link: • Getting Started with the React Data Grid C...
Download the example from GitHub: https://github.com/SyncfusionExamples...
TRIAL LICENSE KEY
----------------------------
If you need a trial license key, start your React trial from your Syncfusion account and then obtain your trial license key from the downloads page:
https://www.syncfusion.com/account/ma...
Check if you are eligible for a free license for all Essential Studio products on our Community License page:
https://www.syncfusion.com/products/c...
BOOKMARK DETAILS
-------------------
[00:00] React Data Grid - Introduction
[00:50] PDF export
[02:46] PDF: file name
[03:04] PDF: header and footer
[04:06] PDF: export current page
[04:31] PDF: theme
[05:10] Excel export
[06:06] Excel: file name
[06:20] Excel: header and footer
[06:56] Excel: export current page
[07:04] Excel: theme
REACT DATA GRID
---------------------------
Product overview: https://www.syncfusion.com/react-comp...
Examples: https://ej2.syncfusion.com/react/demo...
Documentation:
https://ej2.syncfusion.com/react/docu...
https://ej2.syncfusion.com/react/docu...
Download free trial: https://www.syncfusion.com/downloads/...
npm package: https://www.npmjs.com/package/@syncfu...
SUBSCRIBE
-------------
Syncfusion on YouTube: / syncfusioninc
Sign up to receive email updates: https://www.syncfusion.com/account/em...
SOCIAL COMMUNITIES
-----------------------------
Facebook: / syncfusion
X: https://x.com/Syncfusion
LinkedIn: / syncfusion
Instagram: / syncfusionofficial
#react #grid #datavisualization #export
Информация по комментариям в разработке