私は、 primereact multiselectを使用して、 react-data-grid (v7) にフィルタリングのような Excel を追加しようとしていますが、ドロップダウンを閉じるといくつかの問題が発生します。フィルタリングのように優れているとは、合計オプションを常に保持するのではなく、他のすべてのフィルター オプションを更新するフィルターを適用することを意味します。これは、問題を示すコードサンドボックスです (これは、元になった例です) 。サンドボックスには、フィルターがまたはからプルするかどうかを制御するボタンがあります。ボタンが機能すると表示されますが、データセット全体を使用しているため、ドロップダウンはフィルタリングされません。ボタンがドロップダウンをフィルタリングするが、変更時にドロップダウンも閉じると言うとき。rows
filteredRows
rows
filteredRows
また、現在のフィルターは常に選択した 1 つのオプションに絞り込まれるため、この種の複数選択は役に立たないことに気付くでしょう。したがって、現在変更されているフィルターはオプションを変更するべきではありませんが、他のすべてのフィルター オプションは変更する必要があります。
要約すると:
- ドロップダウン オプションが変更されてもドロップダウンを開いたままにしたい
- 現在変更されているフィルターはオプションを変更するべきではありませんが、他のすべてのフィルター オプションは変更する必要があります。
問題は、 vscolumns
を使用するときの再レンダリングに関係していると思います。filteredRows
rows