title: How can i add a tooltip for every cell in a primeng datatable?
body: <p>My template looks like this</p>
  
  <pre><code>&lt;p-dataTable [value]="devices"&gt;
    &lt;p-column field="icon" [style]="{'width':'140px'}" header="{{ 'COMMON.STATUS' | translate }}"&gt;&lt;/p-column&gt;
    &lt;p-column field="name" [sortable]="true" [filter]="true" filterMatchMode="contains" styleClass="ui-grid-cell-contents" header="{{ 'COMMON.ALIAS' | translate }} "&gt;&lt;/p-column&gt;
    &lt;p-column field="comment" [sortable]="true" [filter]="true" filterMatchMode="contains" [style]="{'width':'20%'}" styleClass="ui-grid-cell-contents" header="{{ 'COMMON.COMMENT' | translate }}"&gt;&lt;/p-column&gt;
  &lt;/p-dataTable&gt;
  </code></pre>
  
  <p>I have tried to add into column</p>
  
  <pre><code>&lt;ng-template let-col let-row="rowData" pTemplate="body" pTooltip="row[col.field]"&gt;
    {{row[col.field]}}
  &lt;/ng-template&gt;
  </code></pre>
  
  <p>but it doesn't work.</p>