Compare lightning-datatable and lightning-tree-grid for Data Display
These components are similar, but lightning-tree-grid has a chevron button that expands and collapses rows that have child records.
lightning-datatable uses the Data Tables blueprint from Salesforce Lightning Design System (SLDS) and provides an easy way to display your record data on desktop.
lightning-tree-grid uses the Tree Grid blueprint from SLDS and enables you to display hierarchical data, grouping records into parent-child relationships.
The Lightning Design System docs have examples of each component in different states.
Here’s a list of features supported by lightning-datatable and lightning-tree-grid.
| Feature | lightning-datatable | lightning-tree-grid |
|---|
| Format columns by data type |  | |
| Custom data types | | |
| Header Actions | | |
| Row Actions | | |
| Resize Columns | | |
| Select Rows | | |
| Wrap or Clip Column Content | | |
| Row Numbers | | |
| Column Sorting | | - |
| Inline Editing | | - |
| Infinite Scrolling | | - |
| Expandable Rows | - | |
lightning-datatable and lightning-tree-grid aren’t supported on mobile devices.
See Also
This release is in preview. Features described here don't become generally available until the latest general availability date that Salesforce announces for this release. Before then, and where features are noted as beta, pilot, or developer preview, we can't guarantee general availability within any particular time frame or at all. Make your purchase decisions only on the basis of generally available products and features.
j