Как я могу добавить всплывающую подсказку для каждой ячейки в таблице данных?

Мой шаблон выглядит так

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

Я попытался добавить в столбец

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

но это не работает.


primeng tooltip primeng-datatable
person Juri    schedule 27.09.2017    source источник

Ответы (1)


arrow_upward
1
arrow_downward

Вы можете добавить его в диапазон {{row[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>
person Sfalagkiaris    schedule 27.10.2017