Tables

Desktop

The background color of tables depends on the alternating background of the content. If it appears on a white section, it is white. If the background is light gray (Tint 4), it is also light gray.

Table headers and subheaders are separated by text in Brix Sans Bold and a line 2 px wide, all other horizontal separators are 1 px wide. The table does not contain any vertical lines.

Alternatively, table rows can be visually separated from each other using alternating background colors. The rows then alternate between white and light gray, and in this case, no horizontal lines with a width of 1 px are required.

Simple table

Table with subheading and links

Table with sort function

Table on light gray (Tint 4) with subheader and links and alternating line colors

Simple table on light gray (Tint 4)

Table on light gray (Tint 4) with sort function and alternating line colors

Simple table on white

Table on white with subheader and links and alternating line colors

Table on white with sort function and alternating line colors

Mobile

Tables in mobile applications can be swipeable. One column should always be truncated to show that this is possible.