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

SelectionCheckboxDirective

Directive

Adds a row-selection checkbox to the Grid. Use this directive on a <kendo-checkbox> component or <input type="checkbox"> element inside a cell template. When the user clicks the checkbox, the Grid triggers a selectionChange event.

Definition

Package:@progress/kendo-angular-grid

Selector:[kendoGridSelectionCheckbox]

Syntax:

html

<kendo-grid>
  <kendo-grid-column>
    <ng-template kendoGridCellTemplate let-rowIndex="rowIndex">
      <input [kendoGridSelectionCheckbox]="rowIndex"/>
      <kendo-checkbox [kendoGridSelectionCheckbox]="rowIndex"></kendo-checkbox>
    </ng-template>
  </kendo-grid-column>
</kendo-grid>

Inputs

kendoGridSelectionCheckbox

number

Sets the index of the dataItem to select.