FocusableDirective

A directive that controls how focusable elements receive focus in a navigable Grid. See example.

html

<kendo-grid [data]="data" [navigable]="true">
   <kendo-grid-column>
      <ng-template kendoGridCellTemplate let-dataItem>
         <!-- The first focusable element is focused when you press Enter on the cell. -->
         <input type="text" kendoGridFocusable [value]="dataItem.ProductName" style="margin-right: 8px;" />
         <button kendoGridFocusable>Update</button>
      </ng-template>
   </kendo-grid-column>
</kendo-grid>

Selector

[kendoGridFocusable]