Table

Used for tabular data

Demo

Item Price
Socks $9.99
Sweater $29.99

API

Tag

Name Type Content
table Native element <thead> (optional) and <tbody>
thead Native element <tr> with <th> children
tbody Native element <tr> with <td> children
tfoot Native element <tr> with <td> children

Attributes

Name Value Description
layout fixed Table cells are sized automatically by the browser. This doesn't always produce the desired layout, so use this option with colspan to control the layout. Note this option does not mean the table size won't change at all - it'll still respond nicely to screen size.
colspan Number Defines how many columns the cell should span.
striped Boolean attribute Creates a visual distinction between alternate rows.

Guidelines

Not for page layout

Use Grid for creating a page's layout. Do not use Table.

Accessibility