Blazor Tree Grid Example - Checkbox Selection
This demo passes automated axe checks with 0 violations — semantic markup, ARIA, full keyboard operation, visible focus. Section 508 conformant
Accessibility report
VPAT
Employee ID Press Alt Down to open filter Menu | Name Press Alt Down to open filter Menu | Designation Press Alt Down to open filter Menu | Joined Date Press Alt Down to open filter Menu | Country Press Alt Down to open filter Menu | Contact Press Alt Down to open filter Menu |
|---|
| EMP001 | Sophia Turner | Chief Executive Officer | 2/2/1991 | London, UK | ||
| EMP002 | Lucas Walker | VP Engineering | 2/16/2010 | Chicago, IL | ||
| EMP003 | Charlotte Harris | VP Marketing | 3/17/2011 | San Francisco, CA | ||
| EMP004 | Amelia Martin | VP Sales | 4/18/2012 | New York, USA | ||
| EMP005 | Ethan Lewis | Chief of Staff | 5/19/2013 | London, UK | ||
| EMP006 | William Brown | Chief Technology Officer | 3/3/1992 | Seattle, WA | ||
| EMP007 | Isabella Moore | Lead Developer | 12/26/2002 | Seattle, WA | ||
| EMP008 | Liam Taylor | Senior Architect | 1/27/2003 | Los Angeles, CA | ||
| EMP009 | Ava Anderson | DevOps Manager | 2/1/2004 | Chicago, IL | ||
| EMP010 | Noah Thomas | QA Lead | 3/2/2005 | San Francisco, CA |
This sample illustrates checkbox-based row selection, including a header master checkbox and persistent selection across paging, and filtering.
Add a checkbox column by setting the column Type to ColumnType.CheckBox. Persist selection by configuring TreeGridSelectionSettings and setting PersistSelection to true. Set CheckboxOnly to true to restrict selection to checkboxes.
More information on checkbox selection can be found in the documentation section.