• Material 3
  • Material 3 Dark
  • Fluent
  • Fluent Dark
  • Bootstrap v5
  • Bootstrap v5 Dark
  • Tailwind CSS
  • Tailwind CSS Dark
  • Material
  • Bootstrap v4
  • High Contrast
Preferences
Theme Selection
Mode Selection
Touch
Mouse
Localization
*Translated by Google Translator.
Currency

Example of Checkbox Selection in ASP.NET MVC Tree Grid Control

Tree Grid mutliple selection can be achieved with help of checkbox in each row. To render checkbox in each Tree Grid row, you need to define column type as checkbox using columns->type property.

Selection can be persisted on all the operations using SelectionSettings-> PersistSelection property. For persisting selection on the Tree Grid, any one of the column should be defined as a primary key using columns->IsPrimaryKey property.

In this demo, Tree Grid mutliple selection has been enabled with selection persistance.

More information on the paging configuration can be found in this documentation section.

DEMO
SOURCE

The Tree Grid is used to represent the hierarchical data in a tabular format, combining the visual representation of Grid and TreeView controls. It represents the data from Datasource. Such as an array of JSON objects, OData web services, or DataManager binding data fields to columns or self-referential datasource.

In this demo, the Tree Grid is populated with its minimum default settings. More information on the Tree Grid instantiation can be found in this documentation section.

Transform your ASP.NET MVC web apps today with Syncfusion ASP.NET MVC components
85+ high-performance and responsive UI components
Dedicated support
Hassle-free licensing
TRY IT FOR FREE