angular – 如何在PrimeNG数据表中添加“No Record Found”当数据不存在时?

前端之家收集整理的这篇文章主要介绍了angular – 如何在PrimeNG数据表中添加“No Record Found”当数据不存在时?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我在primeNG官方网站上搜索过,我发现PrimeNG中的数据表没有像emptyMessage =“No Record Found”这样的属性
ref. http://www.primefaces.org/primeng/#/datatable

所以当我的数据表中没有数据时,它没有向我显示任何消息.

<p-dataTable  #datatable [value]="jobData" [rows]="20" [paginator]="true"
            [responsive]="true" selectionMode="single"><--emptyMessage="" not working here as attribute :(
    <p-column expander="true" styleClass="icon"></p-column>
            <p-column field="finOrVin" styleClass="vinfin" header="header" sortable="custom" (sortFunction)="sort($event)">
            <p-column field="state"  styleClass="status" header="Status"  sortable="custom" (sortFunction)="sort($event)">
            </p-column>
    </p-dataTable>

解决方法

根据文档,DataTable确实没有这样的标签.我有同样的问题/疑问.我通过创建第二个元素而不是DataTable来解决它.所以添加像* ngIf =“jobData.length == 0”这样的条件.

例如:

<p-dataTable #datatable [value]="jobData" [rows]="20" [paginator]="true"
        [responsive]="true" selectionMode="single" *ngIf="jobData.length>0">
    <p-column expander="true" styleClass="icon"></p-column>
    <p-column field="finOrVin" styleClass="vinfin" header="header" sortable="custom" (sortFunction)="sort($event)"></p-column>
    <p-column field="state"  styleClass="status" header="Status"  sortable="custom" (sortFunction)="sort($event)"></p-column>
</p-dataTable>
<div *ngIf="jobData.length==0">
    No values to display here
</div>

您可以为此添加功能请求吗?在我的情况下,“没有值显示在这里”选项实际上更好,因为那时我没有datalist的标题.虽然如果使用标签,您可能会有标题.

猜你在找的Angularjs相关文章