2017-11-22 4 views
0

primeNG p-datatableヘッダーをテンプレート化する必要があります。ヘッダーにタイトルを追加するだけです。私はこれを試しています:PrimeNGヘッダーテンプレートの追加タイトル

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

これはセルの内容に対してのみ機能します。 アイデア

EDIT: ヘッダーのテキストが表示されています。私はそれがp列のヘッダーから取られたと思います。このテキストの上にカーソルを置くと、スパンタイトルは機能しません。

+0

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

は、なぜあなたは、ヘッダースパン内のテキストを入力しない置き換える何だろうか? 'ここにテキストを入れてください' – Antikhippe

+0

これはp-columnからヘッダーを入れるためです。私の問題は、テキストが表示されたときにタイトルが機能しないことです。 – bigskull

+0

解決済み:非常にばかげたエラー。 pTemplateの代わりにptemplate! – bigskull

答えて

0

わからない、それはあなたが期待していますが、ツールチップが表示されるようにしたい場合は、

<div title="header">&nbsp;</div> 
関連する問題