Tree Grid (ツリー グリッド)
レコード間の親子関係を持つ表形式のデータ レイアウトを設計する場合は、代替の開始ポイントとして Tree Grid パターンを使用します。すべての機能が構成された Components ライブラリで提供される完全な Tree Grid Component
を提供します。

すべての Grid 機能のリストは、Grid コンポーネント ページにあります。これらはすべて、Tree Grid Pattern に適用できます。適用可能な機能は次のとおりです。
- Grid ツールバー
- Grid エクスポート
- Grid グループ化
- Grid 列ピン固定
- Grid 列非表示
- Grid 列移動機能
- Grid 列サイズ変更
- Grid ソート
- Grid 行フィルター
- Grid Excel スタイル フィルタリング
- Grid 高度なフィルタリング
- Grid 行選択
- Grid 編集
- Grid サイズ
- Grid ページング
- Grid 集計
- Grid スケルトン
Figma では、Tree Grid パターンを挿入した後、提供されているよりも多くの項目が必要な場合は、コンポーネントを右クリックした後、Detach instance
オプションからデタッチする必要があります。デタッチした後は列を増やすことができるようになり、手動で位置を調整する必要があります。App Builder でコンポーネントを生成するときに問題が発生する可能性があるため、Tree Grid にネストされている他のコンポーネントをデタッチしないことをお勧めします。
その他のリソース
関連トピック:
コミュニティに参加して新しいアイデアをご提案ください。
ページを開く:
GitHub