Grid Group By (グリッドのグループ化)

    Grid Group By を使用して、特定の列内の一致する値によって定義されたグループの階層コレクションでデータ レコードを整理します。グループ化の条件の順序は、Grid Header の上の特別な領域に表され、新しいグループの開始をマークするために、Grid レコードの間に特別な行が挿入されます。Grid グループ化は、Ignite UI for Angular Grid のグループ化と視覚的に同じものです。

    Grid Group By のデモ

    Group Area (グループ化領域)

    Grid には、レコードの階層的なグループ化と、これらのグループがネストされる順序を確立するために使用される列を指定する Group Area があります。Figma では、Group Area コンポーネントは Grid Features の下にあり、Grid コンポーネントがデタッチされると、Grid コンポーネント内のアセット パネルから挿入されます。Group Area 内のチップ領域はデタッチせずに直接変更することができます。

    GroupBy Row (行でグループ化)

    Grid には、Grid Features の下にある GroupBy Row コンポーネントがあります。これは、グループ化されたレコードの前にある見出しのようなグリッド内の特別な行を表します。このコンポーネントを追加すると、デザインに視覚的な効果のみが加わり、よりリアルになります。Figma では、最初にグリッドをデタッチし、次に GroupBy Row コンポーネントを挿入する必要があります。

    その他のリソース

    関連トピック:

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