RowDragHandleTemplateDirective

The directive allows customizing the drag handle cell in the Grid row reorder column. Place an <ng-template> tag with the kendoGridRowDragHandleTemplate directive inside the <kendo-grid-rowreorder-column> tag to set the cell template.

The template context is the current data item. You also get access to the following additional fields:

• columnIndex—The current column index. Use it as a template variable with let-columnIndex="columnIndex".
• rowIndex—The data row index. Use it as a template variable with let-rowIndex="rowIndex".

html

<kendo-grid [kendoGridBinding]="data" [rowReorderable]="true">
   <kendo-grid-rowreorder-column>
     <ng-template kendoGridRowDragHandleTemplate>
       <span>Drag here</span>
     </ng-template>
   </kendo-grid-rowreorder-column>
  <kendo-grid-column field="Field1"></kendo-grid-column>
  <kendo-grid-column field="Field2"></kendo-grid-column>
</kendo-grid>

Selector

[kendoGridRowDragHandleTemplate]