Table

Introduction

The table component provides a structured way to display tabular data. It is built using three nested components — Table, Table Row, and Table Cell — which map to the standard HTML <table>, <tr>, and <td>/<th> elements.

Use tables only for data that has a meaningful relationship between rows and columns. Avoid using tables for layout purposes.

Component Structure

Table (Parent)

Props

Field	Data Type	Requirement	Description
Component ID	String	Optional	An ID for the component, useful for in-page anchor linking.

Slots

Field	Data Type	Requirement	Description
Table Caption	String	Optional	A caption that describes the table's content. Recommended for accessibility.
Table Header	UMD Lib Table Row component(s)	Optional	The header row(s) of the table. Use Table Row components containing Table Cell components with the Header Cell option enabled.
Table Content	UMD Lib Table Row component(s)	Required	The body rows of the table. Use Table Row components.
Table Footer	UMD Lib Table Row component(s)	Optional	The footer row(s) of the table. Use Table Row components.

Table Row

Slots

Field	Data Type	Requirement	Description
Table Content	UMD Lib Table Cell component(s)	Required	Place Table Cell components here to build each column in the row.

Table Cell

Props

Field	Data Type	Requirement	Description	Note
Header Cell	Boolean	Optional	If enabled, renders the cell as a <th> element instead of <td>.	Enable this for all cells in the Table Header slot.
Column Span	String	Optional	The number of columns this cell should span.
Row Span	String	Optional	The number of rows this cell should span.

Slots

Field	Data Type	Requirement	Description
Cell Content	WYSIWYG	Required	The content of the table cell.