Multiple Row Selection

 
Name Type Mass, 1021 × kg
Sun
Star 1,989,100,000.00
Data grid with 1 rows and 4 columns
Selected solar system objects:
  • Mercury

    Radius: 2,439.70 km Density: 5.43 g/cm3 Gravity: 3.70 m/s2

  • Venus

    Radius: 6,051.80 km Density: 5.24 g/cm3 Gravity: 8.87 m/s2

  • Earth

    Radius: 6,371.00 km Density: 5.51 g/cm3 Gravity: 9.78 m/s2

The DevExpress Blazor TreeList supports both single and multiple row selection. To compare and identify data items, the TreeList uses primary keys assigned to the KeyFieldName property. If this property is not set, the TreeList uses standard .NET value equality comparison to identify data items.

Use our Blazor TreeList's built-in selection column to simplify row selection. To display this column, declare a DxTreeListSelectionColumn object in the Columns template.

Enable the AllowSelectRowByClick option to select rows via mouse clicks. Users can use Ctrl+Click and Shift+Click combinations to select/deselect individual rows or ranges.

In this demo, users can select multiple rows (the SelectionMode property is set to Multiple — the default value). The Select All check box within the selection column's header selects/deselects all rows displayed on the current page. The SelectedDataItems property is used to access selected items and display information about them next to the TreeList.