Blazor DataGrid Example - DynamicObject 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 ID Press Enter to sort. Press Ctrl space to group | Freight Press Enter to sort | Order Date Press Enter to sort. Press Ctrl space to group | Ship Country Press Enter to sort. Press Ctrl space to group | Active Press Enter to sort. Press Ctrl space to group |
|---|---|---|---|---|---|
| No records to display |
This sample demonstrates how to use DynamicObject data binding with comprehensive DataGrid features including CRUD operations, grouping, sorting, filtering, and aggregation.
The Blazor DataGrid supports DynamicObject data binding, allowing flexible data structures. The DataSource property accepts a list of DynamicObject instances.
The Type property of the GridColumn component enables you to specify the ColumnType based on the underlying data type. In this demo, Integer and Decimal column types are configured for the OrderID and Freight columns respectively.
For more detailed information about DynamicObject data binding, refer to the DynamicObject binding documentation.
Looking for the full Blazor DataGrid component overview, features, pricing, and documentation? Visit our Blazor DataGrid component page.