Tables

Tables are used to put content into a ordered grid. The first line is always the header line and defines the content below for each column. Each column can be sorted.
You will find examples for small, medium, and large sized tables on this page. Each size can be expressed as simple tables, tables with checkboxes, and tables with expanders. Large tables additionally can be build with graphics.

Choose the fitting format in regards to the available space and the sort of information you want to display.

Small Table

Suited for all sorts of non interactive content.

Example

Small Table with Checkboxes

Suited for content that needs to be selectable, e.g. for filtering or processing selected data in a next step.

Example

Small Table with Expander

Suited for all sorts of data that require additional explanations.

Example

Medium Table

Example

Medium Table with Checkboxes

Example

Medium Table with Expander

Example

Large Table

Example

Large Table with Checkboxes

Example

Large Table with Expander

Example

Large Table with Graphic

Example

Elements

Coming soon.