New to Kendo UI for Angular? Start a free 30-day trial

SelectableSettings

The settings for the selection functionality of the Grid (more information and example).


@Component({
   selector: 'my-app',
   template: `
       <kendo-grid [data]="gridData" [selectable]="{ checkboxOnly: true, mode: 'multiple' }">
         <kendo-grid-column field="ProductID" title="Product ID">
         </kendo-grid-column>
         <kendo-grid-column field="ProductName" title="Product Name">
         </kendo-grid-column>
       </kendo-grid>
   `
})

class AppComponent {
   public gridData: any[];

   constructor() {
       this.gridData = products;
   }
}

const products = [{
   "ProductID": 1,
   "ProductName": "Chai",
   "UnitPrice": 18.0000,
   "Discontinued": true
 }, {
   "ProductID": 2,
   "ProductName": "Chang",
   "UnitPrice": 19.0000,
   "Discontinued": false
 }
];
NameTypeDefaultDescription

cell?

boolean

false

Determines if cell selection is allowed.

checkboxOnly?

boolean

true

Determines if the selection is performed only through clicking a checkbox. If enabled, clicking the row itself will not select the row. Applicable if at least one checkbox column is present.

drag?

boolean

false

Determines if drag selection is allowed.

enabled?

boolean

true

Determines if selection is allowed.

mode?

SelectableMode

"multiple"

The available values are:

  • single
  • multiple

In this article

Not finding the help you need?