P-datatable header template

[dragon18]

Hi guys,
I've a problem with header template in a p-datatable. I want to add a span with a title to show on hover over the header text. I'm tryng this:

Code: Select all

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

The header content is correctly showed but span title works only fot cell content and not on header.
Is there any error in code?
Thanks

[dzhavat]

Looks like ptemplate is with lower t. Try making it capital: pTemplate
And also when you have a pTemplate of type 'header' you (probably) don't need the header property on the p-column

Edit: And you don't have any text inside the span that is part of the header template

Code: Select all

<span title="Some title text"></span>

[dragon18]

Very thanks! It was a very stupid error... I lost over 5 hours on this...
Header property in p-column is not required...

[praj_amit]

Can you please post the working solution? Thanks!

[dzhavat]

Very thanks! It was a very stupid error... I lost over 5 hours on this...
Header property in p-column is not required...

You're welcome. Hope everything else goes fine

[dragon18]

This works fine for me.

Code: Select all

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