Here it is described how to put a tooltip on a kendo grid cell. However it is only about tooltip containing some information from the anchor element, for example its title attribute. But what is the best way to integrate external information not available at the anchor? In my case I want to have a tooltip displaying the name of the last editor of the grid item when I hover over a particular cell of it. The name is not part of the cell content. It comes additionally from the backend for each grid row. How can I access it for the tooltip?
<kendo-grid [height]="200"
[data]="myModel">
<kendo-grid-column field="one" title="First column" width="90"></kendo-grid-column>
<kendo-grid-column field="two" title="Second column" width="60"></kendo-grid-column>
<kendo-grid-column field="three" title="Third column" width="120"></kendo-grid-column>
</kendo-grid>
OK, I solved it. The solution was to modify the kendo column with ng-template:
<kendo-grid-column title="My titel" width="90">
<ng-template kendoGridCellTemplate let-dataItem>
<span kendoTooltip title="{{dataItem?.tooltipContent}}">
{{dataItem?.cellContent}}
</span>
</ng-template>
</kendo-grid-column>
This way I "smuggle" the external data to the cell HTML element. Then it can be easily accessed with kendo tooltip directive.