Caption elements may include flow content such as a heading, this demo uses o-typography to add a h2. The footer may also include any flow content, but in this case uses the footnote class to style a source.
Open demo and shrink browser to preview. On small viewports this table overflows and may be scrolled left/right. This demo includes the optional row stripes from the previous demo.
Open demo and shrink browser to preview. This table moves headers into the first column on small viewports. The headers stick to the left edge as the table data is scrolled. This demo includes the optional row stripes from the previous demo.
Open demo and shrink browser to preview. Each entry in the flat table is shown individually with headers on small viewports. This demo includes the optional row stripes from the previous demo.
Open demo and shrink browser to preview. Responsive Overflow tables may be configured to expand/contract.
This demo shows sorting columns of various data types, including FT style dates, times, and abbreviated numbers. The demo also shows a column with sort disabled.
This demo shows how to disable sorting on an entire table.
Adds a modifier class to make alternate table rows striped. An alternative to lined tables.
This demo shows a table with columns which may be filtered by selecting from a dropdown of given value.
This demo shows a table with columns which may be filtered by searching for a specified value.