Digital pattern library

Tables

The tables pattern is for displaying text-based content within tables.

Rules for tables

Colour headings

You also have the option of other colours for the table header. Secondary and tertiary table headers are used on pages currently using the secondary and tertiary palette themes.

For further reference on colour palettes, see the colours page.


Options available


Default table heading

Email address Name
example@st-andrews.ac.uk Tony Stark
example@st-andrews.ac.uk Steven Rogers
example@st-andrews.ac.uk Bruce Banner
Code

Email address Name
example@st-andrews.ac.uk Tony Stark
example@st-andrews.ac.uk Steven Rogers
example@st-andrews.ac.uk Bruce Banner

Primary table heading

Class Description
.table-primary Primary palette colour, to be used on all pages using the primary palette theme.
.table-secondary Secondary palette colour, to be used on all pages using the secondary palette theme.
.table-tertiary-1 First tertiary palette colour, to be used on all pages using the tertiary palette theme.
.table-tertiary-2 Second tertiary palette colour, to be used on all pages using the tertiary palette theme.
.table-tertiary-3 Third tertiary palette colour, to be used on all pages using the tertiary palette theme.
Code

Class Description
.table-primary Primary palette colour, to be used on all pages using the primary palette theme.
.table-secondary Secondary palette colour, to be used on all pages using the secondary palette theme.
.table-tertiary-1 First tertiary palette colour, to be used on all pages using the tertiary palette theme.
.table-tertiary-2 Second tertiary palette colour, to be used on all pages using the tertiary palette theme.
.table-tertiary-3 Third tertiary palette colour, to be used on all pages using the tertiary palette theme.

Secondary table heading

Class Description
.table-primary Primary palette colour, to be used on all pages using the primary palette theme.
.table-secondary Secondary palette colour, to be used on all pages using the secondary palette theme.
.table-tertiary-1 First tertiary palette colour, to be used on all pages using the tertiary palette theme.
.table-tertiary-2 Second tertiary palette colour, to be used on all pages using the tertiary palette theme.
.table-tertiary-3 Third tertiary palette colour, to be used on all pages using the tertiary palette theme.
Code

Class Description
.table-primary Primary palette colour, to be used on all pages using the primary palette theme.
.table-secondary Secondary palette colour, to be used on all pages using the secondary palette theme.
.table-tertiary-1 First tertiary palette colour, to be used on all pages using the tertiary palette theme.
.table-tertiary-2 Second tertiary palette colour, to be used on all pages using the tertiary palette theme.
.table-tertiary-3 Third tertiary palette colour, to be used on all pages using the tertiary palette theme.

Tertiary 1 table heading

Class Description
.table-primary Primary palette colour, to be used on all pages using the primary palette theme.
.table-secondary Secondary palette colour, to be used on all pages using the secondary palette theme.
.table-tertiary-1 First tertiary palette colour, to be used on all pages using the tertiary palette theme.
.table-tertiary-2 Second tertiary palette colour, to be used on all pages using the tertiary palette theme.
.table-tertiary-3 Third tertiary palette colour, to be used on all pages using the tertiary palette theme.
Code

Class Description
.table-primary Primary palette colour, to be used on all pages using the primary palette theme.
.table-secondary Secondary palette colour, to be used on all pages using the secondary palette theme.
.table-tertiary-1 First tertiary palette colour, to be used on all pages using the tertiary palette theme.
.table-tertiary-2 Second tertiary palette colour, to be used on all pages using the tertiary palette theme.
.table-tertiary-3 Third tertiary palette colour, to be used on all pages using the tertiary palette theme.

Tertiary 2 table heading

Class Description
.table-primary Primary palette colour, to be used on all pages using the primary palette theme.
.table-secondary Secondary palette colour, to be used on all pages using the secondary palette theme.
.table-tertiary-1 First tertiary palette colour, to be used on all pages using the tertiary palette theme.
.table-tertiary-2 Second tertiary palette colour, to be used on all pages using the tertiary palette theme.
.table-tertiary-3 Third tertiary palette colour, to be used on all pages using the tertiary palette theme.
Code

Class Description
.table-primary Primary palette colour, to be used on all pages using the primary palette theme.
.table-secondary Secondary palette colour, to be used on all pages using the secondary palette theme.
.table-tertiary-1 First tertiary palette colour, to be used on all pages using the tertiary palette theme.
.table-tertiary-2 Second tertiary palette colour, to be used on all pages using the tertiary palette theme.
.table-tertiary-3 Third tertiary palette colour, to be used on all pages using the tertiary palette theme.

Tertiary 3 table heading

Class Description
.table-primary Primary palette colour, to be used on all pages using the primary palette theme.
.table-secondary Secondary palette colour, to be used on all pages using the secondary palette theme.
.table-tertiary-1 First tertiary palette colour, to be used on all pages using the tertiary palette theme.
.table-tertiary-2 Second tertiary palette colour, to be used on all pages using the tertiary palette theme.
.table-tertiary-3 Third tertiary palette colour, to be used on all pages using the tertiary palette theme.
Code

Class Description
.table-primary Primary palette colour, to be used on all pages using the primary palette theme.
.table-secondary Secondary palette colour, to be used on all pages using the secondary palette theme.
.table-tertiary-1 First tertiary palette colour, to be used on all pages using the tertiary palette theme.
.table-tertiary-2 Second tertiary palette colour, to be used on all pages using the tertiary palette theme.
.table-tertiary-3 Third tertiary palette colour, to be used on all pages using the tertiary palette theme.

Key info table

See the Content halves pattern for this usage. It must not be used outwith that usage.

SQA Highers

AAAB, including at least two of the following subjects:

  • Mathematics
  • Biology
  • Chemistry
  • Computing Science or equivalent
  • Geography
  • Geology
  • Physics
  • Psychology.
GCE A-Levels

AAA, including at least two of the following subjects:

  • Mathematics
  • Biology
  • Chemistry
  • Computing Science or equivalent
  • Geography
  • Geology
  • Physics
  • Psychology.
IB points 38
Code

SQA Highers

AAAB, including at least two of the following subjects:

  • Mathematics
  • Biology
  • Chemistry
  • Computing Science or equivalent
  • Geography
  • Geology
  • Physics
  • Psychology.
GCE A-Levels

AAA, including at least two of the following subjects:

  • Mathematics
  • Biology
  • Chemistry
  • Computing Science or equivalent
  • Geography
  • Geology
  • Physics
  • Psychology.
IB points 38