Table
A component for displaying data in rows and columns, providing a structured layout for tabular information. Supports various cell types and semantic structure for improved accessibility.
Semantic table structure
Support for header cells and row headers
Responsive container handling
Architecture
Reference
-
Table Container
The outer wrapper that manages the table's responsive behavior and horizontal scrolling when necessary. Ensures proper table display across different viewport sizes.
-
Table
The root table element that establishes the overall structure and layout for tabular data. Manages the relationship between header and data cells.
-
Head
The container for header rows that define the structure and labels for table columns. Typically contains header cells that describe the data in each column.
-
Body
The container for the main content rows of the table. Houses the data cells that correspond to the column headers defined in the table head.
-
Row
A horizontal group of cells that represents a single data entry or header row. Maintains proper alignment and spacing of cells within the table structure.
-
Header Cell
A cell within the table head that provides labels and descriptions for the data in its corresponding column. Implements proper semantic markup for accessibility.
-
Row Header Cell
A header cell that labels the content of its row, typically placed as the first cell in a row. Provides context for the data cells that follow it.
-
Cell
A standard data cell that contains the table's content. Aligns with its corresponding column and row headers to present information in a structured format.