Examples

• Mar 15, 2022
• 2 minutes to read

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

• How to save/load the Data Grid’s layout information

Master-Detail

• How to create cascading Data Grids
• How to show the Data Grid’s detail information in the Form Layout

Search

• How to implement an external Search Panel

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

Localization

• How to localize DevExpress Blazor components

Themes

• How to implement a Theme Switcher in Blazor applications