• All Demos
  • Grid SDK
  • Chart SDK
  • Scheduler SDK
  • Gantt SDK
  • Rich Text Editor SDK
  • Diagram SDK
  • File Manager SDK
  • Document SDK
  • PDF Viewer SDK
  • DOCX Editor SDK
  • Spreadsheet Editor SDK
  • Material 3
  • Bootstrap 5
  • Fluent 2
  • Tailwind CSS
  • Fluent 2 High Contrast
Preferences
Mode Selection
Touch
Mouse
Theme Selection
Theme Mode
Localization
*Translated by Google Translator.
Currency

Example of Checkbox Column in ASP.NET Core Tree Grid Control

This sample demonstrates hierarchical checkbox selection in the TreeGrid using the hierarchyCheckboxMode property.

DEMO
SOURCE
Hierarchy Checkbox Mode

Checkboxes are displayed in the Tree Grid tree column by enabling the showCheckbox property. The checkbox selection behavior across hierarchical records is controlled through the hierarchyCheckboxMode property.

In self mode, selecting a checkbox affects only the clicked row. In hierarchy mode, selecting a parent row automatically selects all its child rows, and changes made to child rows are reflected in their parent rows. The filteredHierarchy mode behaves similarly to hierarchy mode but applies selection only to the rows currently visible after filtering or searching.

On touch-enabled devices, checkboxes can be selected or cleared by tapping them directly.

More information on checkbox column can be found in this documentation section.

Looking for the full ASP.NET Core Tree Grid component overview, features, pricing, and documentation? Visit our ASP.NET Core Tree Grid component page.

Transform your ASP.NET Core web apps today with Syncfusion® ASP.NET Core components
145+ high-performance and responsive UI components
Dedicated support
Hassle-free licensing
TRY IT FOR FREE
opens in a new tab