Examples
- 2 minutes to read
Important
The Data Grid was moved to maintenance support mode. No new features/capabilities will be added to this component. We recommend that you migrate to the Grid component.
The DevExpress Blazor Data Grid is shipped with GitHub feature-based examples.
Bind To Data
- How to bind the Data Grid to a DataTable object
- How to bind the Data Grid to data asynchronously
- How to bind the Data Grid to the Web API Service
Columns
- How to create the Data Grid and its columns at runtime
- How to show/hide columns based on the value from external UI elements
- How to use icons instead of default command buttons
Edit Data
- How to edit/delete the selected row by clicking on external buttons
- How to edit a row on a separate page
- How to implement the delete confirmation feature
- How to use the Upload inside the Data Grid’s edit form to edit a field
- How to bind a context menu to the Data Grid’s rows
State
Master-Detail
- How to create cascading Data Grids
- How to show the Data Grid’s detail information in the Form Layout
Search
Export
- How to export the Data Grid’s data to DOCX, XLSX, and PDF documents in a Blazor Server application using the DevExpress Reporting tool
- How to export the Data Grid’s data to DOCX, XLSX, and PDF documents in a Blazor WASM application using the DevExpress Reporting tool