如何在Angular 4的动态数据表中使用工具提示

时间:2017-10-26 08:12:16

标签: angular primeng primeng-datatable

我正在使用带有动态行的Angular 4的primeng数据表。每当用户悬停在我的primeng数据表中的一行时,我如何显示工具提示?此外,工具提示需要显示来自API服务器的创建和更新日期。每行具有不同的日期。鼠标悬停在一行上它应该显示特定行的创建和更新日期。我找不到任何解决方案。使用primeng Angular的最新版本

我的数据表就像..

<p-dataTable #dt [value]="Slist" styleClass="myTable" reorderableColumns="true" resizableColumns="true" columnResizeMode="expand" 
selectionMode="single" [(selection)]="selectedResource" [responsive]="true" [rows]="8" [paginator]="true" scrollHeight="300px">
<p-header>STUDENTS DETAILS</p-header>
<p-header>
    <div style="text-align:left">
        <p-multiSelect [options]="columnOptions" [(ngModel)]="cols"></p-multiSelect>
    </div>
</p-header>
<p-column *ngFor="let col of cols" [field]="col.field" 
[header]="col.header" [sortable]="true" [filter]="true" [editable]="true" filterMatchMode="startsWith" filterPlaceholder="Search"></p-column>
<p-footer>
</p-footer>
</p-dataTable>

非常感谢提前..

0 个答案:

没有答案
相关问题