primeng 데이터 테이블에있는 모든 셀에 대한 툴팁을 어떻게 추가 할 수 있습니까?

Question

내 템플릿은 내가 열

<ng-template let-col let-row="rowData" pTemplate="body" pTooltip="row[col.field]"> 
    {{row[col.field]}} 
</ng-template> 

에 추가하는 시도했지만 작동하지 않습니다이

<p-dataTable [value]="devices"> 
    <p-column field="icon" [style]="{'width':'140px'}" header="{{ 'COMMON.STATUS' | translate }}"></p-column> 
    <p-column field="name" [sortable]="true" [filter]="true" filterMatchMode="contains" styleClass="ui-grid-cell-contents" header="{{ 'COMMON.ALIAS' | translate }} "></p-column> 
    <p-column field="comment" [sortable]="true" [filter]="true" filterMatchMode="contains" [style]="{'width':'20%'}" styleClass="ui-grid-cell-contents" header="{{ 'COMMON.COMMENT' | translate }}"></p-column> 
</p-dataTable> 

것 같습니다.

Answer 1

당신은 스팬 {{행 [col.field]}} 예를 들어

<template pTemplate="body" let-col let-row="rowData"> 
      <span pTooltip="this is a tooltip!" appendTo="target" 
        style="position: relative"> 
       {{row[col.field]}} 
      </span> 
</template> 

로를 추가 할 수 있습니다