【问题标题】:Tooltip for grid column name in Kendo UI Angular 2Kendo UI Angular 2中网格列名称的工具提示
【发布时间】:2016-11-22 07:38:36
【问题描述】:

如何显示 Kendo UI Angular 2 网格列名称的工具提示? 我尝试使用 html title 属性,但它与 kendo-grid-column 标题属性冲突。

【问题讨论】:

    标签: angular kendo-ui-angular2


    【解决方案1】:

    您可以在模板中插入带标题的跨度:

    <template kendoHeaderTemplate let-column let-columnIndex="columnIndex">
      <span title={{column.field}}>{{column.field}}({{columnIndex}})</span>
    </template>
    

    http://plnkr.co/edit/eYtBLMv45XFLcnbXn2ZW?p=preview

    【讨论】:

    • @knikolov,谢谢。只有当我使用 kendoGridHeaderTemplate 而不是 kendoHeaderTemplate 时,它才在网格中对我有用...所以我更新的代码是 &lt;template kendoGridHeaderTemplate let-column let-columnIndex="columnIndex"&gt; &lt;span title={{column.field}}&gt;{{column.field}}({{columnIndex}})&lt;/span&gt; &lt;/template&gt;
    猜你喜欢
    • 2023-02-25
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2017-04-16
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多