Blazor DataGrid Example - Custom Data Binding
This demo passes automated axe checks with 0 violations — semantic markup, ARIA, full keyboard operation, visible focus. Section 508 conformant
Accessibility report
VPAT
Drag a column header here to group its column
Book ID Press Enter to sort. Press Ctrl space to group | Title Press Enter to sort. Press Ctrl space to group | Author Press Enter to sort. Press Ctrl space to group | Category Press Enter to sort. Press Ctrl space to group | Publish Date Press Enter to sort. Press Ctrl space to group | Available Press Enter to sort. Press Ctrl space to group | Location Press Enter to sort. Press Ctrl space to group | Status Press Enter to sort. Press Ctrl space to group |
|---|
| No records to display |
This sample demonstrates how to use custom data binding in the DataGrid component.
The Blazor DataGrid supports custom data binding by creating a custom adaptor class that extends the DataAdaptor abstract class. Override the Read or ReadAsync method to implement your custom data retrieval logic.
Implement CRUD operations by overriding the following DataAdaptor methods:
- Insert/InsertAsync - Handles record insertion.
- Remove/RemoveAsync - Handles record deletion.
- Update/UpdateAsync - Handles record updates.
In this demo, CRUD operations are implemented using the DataAdaptor methods.
For more detailed information about custom data binding, refer to the custom binding documentation.
Looking for the full Blazor DataGrid component overview, features, pricing, and documentation? Visit our Blazor DataGrid component page.