問題タブ [primeng-datatable]

特定の州の見通しグリッドを表示する必要があります。この目的のために状態ドロップダウンがあります。また、グリッド上に PrimeNG グローバル検索テキスト ボックスがあり、グリッド列で検索をトリガーします。

問題は、テキストボックスでのみ検索を行うと機能し、状態ドロップダウン値のみを変更すると機能することです。最初に検索テキストを提供してからドロップダウン値を変更する両方を組み合わせると、テキストボックスでイベントを発生させない限り、グリッドは再バインドされません。

私が必要とするのは、状態のドロップダウンを変更するときに、テキスト ボックスをリセットし、グリッドを新しい結果にリセットすることです。

これは、機能を示すための画像です。

基本的な方法を使用してデータを p-dataTable にバインドすると、列の p-dropdown フィルターは正常に機能しますが、p-dataTable をバインドする[lazy]="true" (onLazyLoad)="loadData($event)"とドロップダウン列フィルターが機能しません。

作業コード:

動作しないコード:

動作するコードと動作しないコードの違いは次のとおりです

[lazy]="true" (onLazyLoad)="loadData($event)"p-dataTable では、最初の行にバインドします。

私は Angular 2 で PrimeNG ベータ 17 を使用しており、以下に示すように、DataTable の水平レイアウトを垂直レイアウトに変更したい状況になりました。

デフォルト: 水平データ テーブル レイアウト

私の要件: 垂直 DataTable レイアウト

だから、誰でもPrimeNG espを使ってそれを行う方法を教えてもらえますか. DataTable の使用

ありがとう。

reorderableColumnsとscrollableプロパティを一緒に使用しようとしていp-datatableます。

しかし、期待どおりに機能していないようです。列をドラッグしようとすると、移動しません。コードからスクロール可能なプロパティを削除すると、すべてが正常に機能します。

これは私のワンラインコードです

前もって感謝します