I
have a grid in angular, I would like to add a tooltip or title attribute (of html DOM) that
will appear above each title and title of the columns in grid and will contain,
the full text of columns title,
because sometimes the title of the column is long and partially displayed with 3 points. (For example: "Hello Worl..."),
How can I add it? Here is an example of my code in an HTML file:
<kendo-grid #grid="kendoGrid"
[data]="gridView" id="GridID"
[skip]="skip"
[sortable]="{allowUnsort: true, mode: 'single'}"
[resizable]="true"
[sort]="sort"
[scrollable]="{virtual: true}"
(pageChange)="pageChange($event)"
(sortChange)="sortChange($event)">
<kendo-grid-messages noRecords="No rec">
</kendo-grid-messages>
<kendo-grid-column *ngFor="let item of gridColumnData" [headerClass]="'t-head'" [hidden]="item.hide" [field]="item.field" [title]="item.title">
</kendo-grid-column>
</kendo-grid>
because sometimes the title of the column is long and partially displayed with 3 points. (For example: "Hello Worl..."),
How can I add it? Here is an example of my code in an HTML file:
<kendo-grid #grid="kendoGrid"
[data]="gridView" id="GridID"
[skip]="skip"
[sortable]="{allowUnsort: true, mode: 'single'}"
[resizable]="true"
[sort]="sort"
[scrollable]="{virtual: true}"
(pageChange)="pageChange($event)"
(sortChange)="sortChange($event)">
<kendo-grid-messages noRecords="No rec">
</kendo-grid-messages>
<kendo-grid-column *ngFor="let item of gridColumnData" [headerClass]="'t-head'" [hidden]="item.hide" [field]="item.field" [title]="item.title">
</kendo-grid-column>
</kendo-grid>