Blazor Grid Example - Default Functionalities
This demo passes automated axe checks with 0 violations — semantic markup, ARIA, full keyboard operation, visible focus. Section 508 conformant
Accessibility report
VPAT
Transaction Id Press Enter to sort | Buyer Name Press Enter to sort | Invoice Number Press Enter to sort | Description Press Enter to sort | Total Amount Press Enter to sort | Payment Options Press Enter to sort | Created On Press Enter to sort | Completed On Press Enter to sort | Status Press Enter to sort |
|---|
| No records to display |
This sample demonstrates the Blazor DataGrid component with event-driven data binding, handling sorting and pagination through reactive event handlers.
The Blazor DataGrid is a comprehensive component for displaying and manipulating tabular data with extensive customization options. This demo showcases event-driven data loading where the OnDataLoad event processes data requests dynamically, enabling custom control over sorting and pagination logic.
The sample enables pagination and sorting using the AllowPaging and AllowSorting properties. Both pagination and sorting are handled through the event handler by processing skip, take, and sort values from the grid request and returning the paged, sorted results, enabling complete control over data operations. The sample also showcases data formatting for currency values and other data types, along with custom template rendering to enhance visual data presentation.
For detailed configuration specifications and implementation guidance, refer to the following documentation:
- Getting Started with Blazor DataGrid in Server-Side App
- Getting Started with Blazor DataGrid in WebAssembly App
Looking for the full Blazor DataGrid component overview, features, pricing, and documentation? Visit our Blazor DataGrid component page.