RowDragHintTemplateDirective

Represents the drag hint template of the Grid. Helps to customize the content of the hint during row reordering. To define the hint template, nest an <ng-template> tag with the kendoGridRowDragHintTemplate directive inside the <kendo-grid-rowreorder-column> tag.

The template context is set to the current data item. The provided data row index is passed as an additional field. Use it as an alias for a template variable by utilizing the let-rowIndex="rowIndex" syntax.

html

<kendo-grid [kendoGridBinding]="data" [rowReorderable]="true">
   <kendo-grid-rowreorder-column>
     <ng-template kendoGridRowDragHintTemplate>
       <span>Custom hint</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

[kendoGridRowDragHintTemplate]