11

PrimeNG公式サイトで検索したところemptyMessage= "No Record Found"、PrimeNG 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>
4

5 に答える 5

6

ドキュメントによると、実際には DataTable にそのようなタグはありません。同じ問題/質問がありました。そして、DataTable の代わりに表示する 2 番目の要素を作成して解決しました。のような条件を追加します*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>

これに機能リクエストを追加できますか? 私の場合、データリストのヘッダーがないため、「ここに表示する値はありません」オプションの方が実際には優れています。タグを使用すると、おそらくヘッダーが表示されます。

于 2016-06-27T17:43:09.927 に答える