Blazor DataGrid Example - Custom Sorting Logic
This demo passes automated axe checks with 0 violations — semantic markup, ARIA, full keyboard operation, visible focus. Section 508 conformant
Accessibility report
VPAT
Title Press Enter to sort | Priority Press Enter to sort | Status Press Enter to sort | Description Press Enter to sort |
|---|
| Harder to work during power-saving mode | 
High | In Progress | The app slows down significantly when the device enters power-saving mode. |
| Application crash on clicking save button |
High | In Progress | Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum. |
| Transaction details are lost |
High | Completed | Praesent mauris. Fusce nec tellus sed augue semper porta. Mauris massa. |
| Working speed differs with different networks | 
Low | By Design | Vestibulum lacinia arcu eget nulla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. |
| Does not handle Interrupts Properly | 
Critical | Completed | Curabitur sodales ligula in libero. Sed dignissim lacinia nunc. Curabitur tortor. |
| Takes more than 30 seconds to start |
High | In Progress | Pellentesque nibh. Aenean quam. In scelerisque sem at dolor. |
| No progress indicator |
Critical | Completed | Maecenas mattis. Sed convallis tristique sem. Proin ut ligula vel nunc egestas porttitor. |
| Words break when changing screen resolution | 
Normal | In Progress | Morbi lectus risus, iaculis vel, suscipit quis, luctus non, massa. |
| Download files to a private data directory |
Critical | In Progress | Fusce ac turpis quis ligula lacinia aliquet. Mauris ipsum. |
| Asking permission to access gallery |
Low | By Design | Nunc feugiat mi a tellus consequat imperdiet. Vestibulum sapien. Proin quam. Etiam ultrices. Suspendisse in justo eu magna luctus suscipit. |
This sample demonstrates the DataGrid custom sorting feature for implementing specialized sorting logic.
The Blazor DataGrid sorting feature enables arrangement of data in a specified order. To enable sorting, set the AllowSorting property to true, and then click any column header to sort.
Implement custom sorting logic by defining the SortComparer property in column definitions. In this demo, custom sorting logic is applied to the Priority and Status columns.
Click the Priority or Status column header to trigger the custom sort comparer function, which implements the specialized sorting behavior.
For more detailed information about custom sorting, refer to the custom sorting documentation.
Looking for the full Blazor DataGrid component overview, features, pricing, and documentation? Visit our Blazor DataGrid component page.