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.
html
<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]