Display Record Data in a Table

To display rows and columns of record data, use the lightning-datatable component. To display data in a table with a structural hierarchy, such as account records and associated contacts, use the lightning-tree-grid component. For more information, see Compare lightning-datatable and lightning-tree-grid.

With the lightning-datatable component, you can:

Display data in a table with inline editing
Create a custom data type
Customize data type layout and styles
Make a custom data type editable
Improve datatable performance
Support datatable accessibility

Alternatively, the lightning-tree-grid component is built on lightning-datatable and supports a subset of its features. You can create a hierarchical table of record data using lightning-tree-grid, which can present child records using a toggle in the datatable.

This documentation uses the term lightning-datatable component and datatable interchangeably.

Note