Table

The Table organizes and presents data in a structured table format.

Name	Age	Gender	Occupation
Alice	30	Female	Programmer
Bob	35	Male	Engineer
Charlie	25	Male	Designer
Diana	28	Female	Doctor

Table with caption
Name	Age	Gender	Occupation
Alice	30	Female	Programmer
Bob	35	Male	Engineer
Charlie	25	Male	Designer
Diana	28	Female	Doctor

Explore the available props for the Table component

Prop	Type	Default	Description
children	node	-	Child components and content to be placed within it.
style	string	-	Any CSS className to style the Table component.
variant	number	-	Variant of the table

Explore the available props for the TableHead component

Prop	Type	Default	Description
children	node	-	Child components and content to be placed within it.
style	string	-	Any CSS className to style the TableHead component.
variant	number	-	Variant of the table

Explore the available props for the TableBody component

Prop	Type	Default	Description
children	node	-	Child components and content to be placed within it.
style	string	-	Any CSS className to style the TableBody component.
variant	number	-	Variant of the table

Explore the available props for the TableFooter component

Prop	Type	Default	Description
children	node	-	Child components and content to be placed within it.
style	string	-	Any CSS className to style the TableFooter component.
variant	number	-	Variant of the table

Explore the available props for the TableCaption component

Prop	Type	Default	Description
position	string	top	Where to place the TableCaption - "top" or "bottom".
children	node	-	Child components and content to be placed within it.
style	string	-	Any CSS className to style the TableCaption component.
variant	number	-	Variant of the table

Explore the available props for the TableRow component

Prop	Type	Default	Description
children	node	-	Child components and content to be placed within it.
style	string	-	Any CSS className to style the TableRow component.
variant	number	-	Variant of the table

Explore the available props for the TableCell component

Prop	Type	Default	Description
header	boolean	-	Is this heading?
children	node	-	Child components and content to be placed within it.
style	string	-	Any CSS className to style the TableCell component.
thStyle	string	-	Any CSS className to style the TableCell component if the header is true.
tdStyle	string	-	Any CSS className to style the TableCell component if the header is false.
variant	number	-	Variant of the TableCell