Tooltip for grid column name in Kendo UI Angular 2

Question

How can I show a tooltip for the Kendo UI Angular 2 grid column name? I've tried using the html title attribute, but it conflicts with kendo-grid-column title property.

Answer 1

You can insert a span with a title in the template:

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

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