2017-11-22 4 views
0

Ich brauche Vorlage prednGG p-Datatable-Header. Ich möchte einfach einen Titel zum Header hinzufügen. Ich versuche das:PrimeNG Header-Vorlage Titel hinzufügen

<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> 

Es funktioniert nur für Zellinhalt. Irgendwelche Ideen?

EDIT: Header-Text angezeigt wird. Ich denke es stammt aus dem p-Spaltenkopf. Wenn ich den Mauszeiger über diesen Text halte, funktioniert der Titel nicht.

+0

Warum Sie keinen Text in der Kopfzeile Spanne eingeben? ' Setzen Sie hier einen Text' – Antikhippe

+0

Weil es den Header von p-Spalte. Mein Problem ist, dass der Titel nicht funktioniert, wenn ich den Mauszeiger über den angezeigten Text halte. – bigskull

+0

Gelöst: sehr dumm Fehler. ptemplate statt pTemplate! – bigskull

Antwort

0

Nicht sicher, es wird tun, was Sie erwarten, aber wenn man die Tooltip sichtbar machen wollen, ersetzen

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

mit

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