Blazor DataGrid Example - DataTable 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
Order ID Press Enter to sort. Press Ctrl space to group | Customer Name Press Enter to sort. Press Ctrl space to group | Order Date Press Enter to sort | Employee ID Press Enter to sort. Press Ctrl space to group | Freight Press Enter to sort |
|---|---|---|---|---|
| No records to display |
This sample demonstrates DataTable data binding with comprehensive DataGrid features including CRUD operations, grouping, sorting, filtering, and aggregation.
DataTable represents tabular data with rows and columns. Implement DataTable binding in the DataGrid by creating a custom adaptor class and overriding the Read or ReadAsync method of the DataAdaptor abstract class.
To bind DataTable to the DataGrid, assign TValue to ExpandoObject. This enables full DataGrid functionality including CRUD operations, grouping, sorting, filtering, and aggregation on DataTable data.
For more detailed information about DataTable binding, refer to the DataTable binding documentation.
Discover everything about the Blazor DataTable, including features, pricing, and documentation. Visit the Blazor DataTable page to learn more.
Looking for the full Blazor DataGrid component overview, features, pricing, and documentation? Visit our Blazor DataGrid component page.