SelectableSettings

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

Copy Code
@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
 }
];

cell?

(default: false) Determines if cell selection is allowed.

checkboxOnly?

(default: 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?

(default: false) Determines if drag selection is allowed.

enabled?

(default: true) Determines if selection is allowed.

mode?

(default: "multiple") The available values are:

• single
• multiple