Table displays structured data in rows and columns with consistent dimensionality. It supports rich cell content, sorting, selection, pagination, and column management through a composable plugin system. Use Table for data sets with uniform structure; for simpler or inconsistent data, consider a list or card layout instead.
ts
import{useXDSTableSortable}from'@xds/core/Table'
Best practices
Guidance
Practices
Do
Use density and divider variants to match the information density and scanning needs of your data.
Do
Compose rich cell content with XDS components like XDSBadge, XDSStatusDot, and XDSAvatar via renderCell.
Don't
Use a table for data without consistent columns — use a list or card layout for heterogeneous content.
Don't
Enable every plugin at once — add only the features your use case requires to keep the interface focused.