PrimeNG header template add title

Question

I need to template primeNG p-datatable header. I simply want to add a title to the header. I'm trying this:

<p-column field="field" header="header" [style]="{'width':'100px'}">
     <ng-template ptemplate="header">
          <span title="header"></span>
     </ng-template>
     <ng-template let-cell="rowData" pTemplate="body">
          <span title="cell.field">{{cell.field}}</span>
     </ng-template>
<p-column>

It works only for cell content. Any ideas?

EDIT: header text is showed. I think it taken from p-column header. When I hover over this text, span title doesn't work.

Why don't you enter text in the header span ? `Put some text here` — Antikhippe, Nov 22 '17 at 09:51
Because it put the header from p-column. My problem is that title doesn't work when I hover over the text showed. — bigskull, Nov 22 '17 at 10:09

score 0 · Answer 1 · answered Nov 22 '17 at 11:37

0

Not sure it will do what you expect but if you want to make the tooltip visible, replace

<span title="header"></span>

with

<div title="header">&nbsp;</div>

answered Nov 22 '17 at 11:37

Antikhippe

6,316
2
28
43

PrimeNG header template add title

1 Answers1