我在primeNG官方网站上搜索过,我发现PrimeNG中的数据表没有像emptyMessage =“No Record Found”这样的属性
ref. http://www.primefaces.org/primeng/#/datatable
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的标题.虽然如果使用标签,您可能会有标题.