用于checkAll标头复选框的angular 6 prime ng数据表工具提示

Question

将主要ng数据表的列复选框用作，

<p-column [style]="{'width':'38px'}" selectionMode="multiple">                                            
</p-column>

我想在标题中添加一个工具提示，以指示checkAll / uncheck All的值。

在堆栈溢出中发现，我们可以在素面中添加一个工具提示，以角度方式进行操作吗？

Answer 1

您可以尝试将模板添加到模板中，如下所示：

<p-column [style]="{'width':'38px'}" selectionMode="multiple">  
 <ng-template pTemplate="header">
       <span pTooltip="this is a tooltip!" appendTo="target" 
                   style="position: relative">
              {{row[col.field]}}
            </span>
    </ng-template>                                          
</p-column>

还要确保您在app.module中导入了工具提示，从'primeng / tooltip'中导入了{TooltipModule};