带有工具提示的Angular Grid的Kendo

Question

我正在寻找一个例子，使用kendo-grid Kendo for angular Grid for angular with tooltip in all cells and header。

我发现他们有这个tooltip

编辑！！！！

我需要在模板中放入一个来自dataItem的字段（来自行）

我有这个模板，但dataItem不起作用

我错过了什么？

 <ng-template #template let-anchor let-dataItem>
    {{dataItem.NAME}}
    <span *ngIf="anchor.nativeElement.textContent.length > 0">{{ anchor.nativeElement.textContent + dataItem.NAME}}  </span>
</ng-template>

Answer 1

目前尚不清楚要在工具提示中显示什么，但通常只需将工具提示指令添加到网格并为单元格设置过滤器：

<kendo-grid [data]="gridData" [height]="410" 
    kendoTooltip filter="td, th" [tooltipTemplate]="template">

https://plnkr.co/edit/448cL6c5iCK76rgXf8GW?p=preview

编辑：

它们似乎没有API从元素中获取dataItem，但它们似乎在行上呈现项索引，并且我能够使用它来获取锚的dataItem。此外，工具提示的过滤器输入似乎与网格的过滤器输入冲突，因此工具提示应在父元素上初始化：

https://plnkr.co/edit/9OmHXgDkcMprgw3oso3D?p=preview