Grid (グリッド)

    表形式データ レイアウトを設計する場合は、Grid パターン コンポーネントを代わりの開始ポイントとして使用します。すべての機能が構成された Components ライブラリで提供される完全な Grid コンポーネントを提供します。

    列移動、集計、ページングを使用した Grid パターンを以下に示します:

    すべてのグリッド機能のリスト:

    Grid パターン コンポーネントには、8 つの作成済み Grid 機能の組み合わせがあります。

    • Excel スタイル フィルター、ソートを使用した Grid パターン
    • 列移動、集計、ページングを使用した Grid パターン
    • ピン固定、行選択、アクティブ セルを使用した Grid パターン
    • グループ化、列サイズ変更、集計を使用した Grid パターン
    • 編集およびフィルター行を使用した Grid パターン
    • ツールバー、エクスポート、行編集、列非表示を使用した Grid パターン
    • ツールバー、非表示、ピン固定、エクスポートを使用した Grid パターン
    • ツールバー、行選択、行フィルター、集計、ページングを使用した Grid パターン

    Figma では、Assets パネルから任意の Grid パターンを挿入し、それを右クリックして、提供されているセルの数を変更する必要がある場合のみ Detach instance を選択して、データのすべての次元を表示し、必要な数だけ表示可能なレコードを挿入できます。ただし、各コンポーネントおよび機能をデタッチしないでください。

    その他のリソース

    関連トピック:

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