Grid Row Filter (グリッドの行フィルター)

    Grid Row Filter を使用して、フィルタリング条件を持つ Chip を含む特別なタイプの Header Cell を介して Grid 列のフィルタリング基準を指定します。Grid 行フィルターは、Ignite UI for Angular Grid フィルタリング機能と視覚的に同じものです。

    Grid Row Filter のデモ

    Row Filter Header (行フィルター ヘッダー)

    Grid が Row Filter でフィルタリング可能であることを示すために、Header グループ内の Grid の各列に Row Filter Header Cell を持つ 2 番目の Header 行を追加します。

    Filter State (フィルター状態)

    Figma では、行フィルタリングは Grid Header Cell タイプの 1 つであり、プロパティ パネルから切り替えることができます。特定の列にフィルタリング条件が適用されているかどうかを構成できます。フィルター状態には、Row Filter Empty と Row Filter Filtered という 2 つの異なるタイプがあります。Type プロパティを調整することで、それらを簡単に切り替えることができます。Filtered に設定すると、含まれる Chip を介して条件を指定することもできます。

    その他のリソース

    関連トピック:

    コミュニティに参加して新しいアイデアをご提案ください。