web-dev-qa-db-ja.com

マテリアルデザインデータテーブルのフィルタリング

どのようにMDデータテーブルにフィルタリングを実装しますか?並べ替え、ページング、検索は明らかですが、より複雑なフィルタリングが必要です。

テーブルのタイトルにフィルターを配置するか、テーブルの上に個別のフィルターセクションを作成する必要がありますか(たとえば、各フィルターにカードを使用します)?

私が欲しいのは次のようなものです: https://ux.stackexchange.com/a/38533/78885

enter image description here

12
RanzQ

複雑なフィルターが必要な場合は、別のセクションを作成することを検討してください。おそらく、テーブルの上部にある「アクション」セクションでは、ユーザーはフィルターをかけるだけでなく、テーブルを操作または変更するための他のアクションを実行できます。

Airtable が複雑なスプレッドシートをフィルタリングする方法は次のとおりです。ただし、ビジュアルデザインを改善することもできます。

enter image description here

Toggl の別の例を次に示します。これはデータテーブルではありませんが、データのフィルタリングと同じ概念です。

enter image description here

ドロップダウンと入力を使用したアプローチは基本的に同じで、かなり良いようです。

9
Matt Costa