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

FocusableDirective

A directive that controls the way focusable elements receive focus in a navigable Grid.

<kendo-grid [data]="data" [navigable]="true">
   <kendo-grid-column>
      <ng-template kendoGridCellTemplate let-dataItem>
         <!-- The first focusable element will be focused when pressing 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]

In this article

Not finding the help you need?