Selection Column

 
Product Name Category Unit Price Units In Stock Quantity Per Unit Discontinued
Chai Beverages $18.00 39 10 boxes x 20 bags
Chang Beverages $19.00 17 24 - 12 oz bottles
Aniseed Syrup Condiments $10.00 13 12 - 550 ml bottles
Chef Anton's Cajun Seasoning Condiments $22.00 53 48 - 6 oz jars
Chef Anton's Gumbo Mix Condiments $21.00 0 36 boxes
Grandma's Boysenberry Spread Condiments $25.00 120 12 - 8 oz jars
Uncle Bob's Organic Dried Pears Produce $30.00 15 12 - 1 lb pkgs.
Northwoods Cranberry Sauce Condiments $40.00 6 12 - 12 oz jars
Mishi Kobe Niku Meat/Poultry $97.00 29 18 - 500 g pkgs.
Ikura Seafood $31.00 31 12 - 200 ml jars
Queso Cabrales Dairy Products $21.00 22 1 kg pkg.
Queso Manchego La Pastora Dairy Products $38.00 86 10 - 500 g pkgs.
Konbu Seafood $6.00 24 2 kg box
Tofu Produce $23.00 35 40 - 100 g pkgs.
Genen Shouyu Condiments $16.00 39 24 - 250 ml bottles
Pavlova Confections $17.00 29 32 - 500 g boxes
Alice Mutton Meat/Poultry $39.00 0 20 - 1 kg tins
Carnarvon Tigers Seafood $63.00 42 16 kg pkg.
Teatime Chocolate Biscuits Confections $9.00 25 10 boxes x 12 pieces
Sir Rodney's Marmalade Confections $81.00 40 30 gift boxes
Data grid with 77 rows and 7 columns

The number of selected products: 24

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

Multi Select Mode (default)

In multi select mode, the column contains check boxes. The Select All check box within the column's header selects/deselects all rows on the current page or all Grid pages. Use the SelectAllCheckboxMode property to specify check box behavior. Available property values are as follows:

  • Page — The check box affects all rows on the current Grid page.
  • AllPages — The check box affects all rows on all Grid pages.
  • Mixed — The check box affects all rows on the current Grid page. An additional drop-down button displays a context menu and allows users to select/deselect all rows on all Grid pages.

To hide the Select All check box, disable the column's AllowSelectAll option.

Single Select Mode

When set to Single, the SelectionMode property allows users to select a single row.

In this demo, the selection column contains check boxes so that users can select multiple rows. Use the combo box above the Grid to select the desired Select All check box mode.