データ表示用の lightning-datatable と lightning-tree-grid の比較
これらのコンポーネントは似ていますが、lightning-tree-grid には子レコードがある行を展開したり折りたたんだりするシェブロンボタンがあります。
lightning-datatable は、Salesforce Lightning Design System (SLDS) のデータテーブルブループリントを使用して、デスクトップにレコードデータを表示する簡単な方法を提供します。
lightning-tree-grid は、SLDS のツリーグリッドブループリントを使用して、階層データを表示し、レコードを親子リレーションにグループ化できるようにします。
Lightning Design System のドキュメントに、さまざまな状態の各コンポーネントの例があります。
lightning-datatable と lightning-tree-grid でサポートされている機能のリストを次に示します。
| 機能 | lightning-datatable | lightning-tree-grid |
|---|---|---|
| データ型による列の書式設定 |  | |
| ヘッダーアクション | | |
| 行アクション | | |
| 列のサイズ変更 | | |
| 行の選択 | | |
| 列のコンテンツの折り返しまたはクリップ | | |
| 行番号 | | |
| 列の並び替え | | - |
| インライン編集 | | - |
| 無限スクロール | | - |
| 拡張可能な行 | - | |
lightning-datatable と lightning-tree-grid はモバイルデバイスではサポートされていません。
関連トピック
- Salesforce Lightning Design System: データの表示
- コンポーネントの参照:
lightning-datatable - コンポーネントの参照:
lightning-tree-grid