Table

Brug content elementet 'Table' til at lave tabeller på din indholdsside. Hvis du har brug for at lave mere end 1 tabel, anbefaler vi at lave dem i samme content element.

Trin 1

Gå ind på den indholdsside, hvor du vil lave en tabel.
Klik på ‘+ Create new content’.
Vælg ‘Table’ under fanen ‘Data’.

Trin 2

Når du har sat ‘Table’ ind på siden, skal du starte med at give content elementet en overskrift under ‘Header’.

Vælg, om den skal være synlig i frontend eller ej.

Trin 3

Under ‘Table styling’ kan du vælge bredde og styling for din tabel:

Table width: Vælg mellem ‘Standard’ eller ‘Wide’.
Table styling: Vælg mellem ‘None (default)’, ‘Striped’ eller 'Full background colour.
‘Table header background colour’: Vælg mellem ‘None’, ‘Semi light colour’, ‘Semi dark colour’ og ‘Light grey colour’.
1. OBS: ‘Table header background colour’ er kun tilgængelig, hvis du har valgt ‘None’ under ‘Table styling’.

Trin 4

Brug det lille tabel-ikon i øverste venstre hjørne under ‘Table’ til at:

Vælge antal kolonner
Vælge antal rækker.

Mens du arbejder med tabellen:

Du kan flette og opdele celler.

Du kan tilføje og slette kolonner.

Du kan tilføje og slette rækker.

Du kan style indholdet i tabellen under ‘Styles’:
- Hvis du har mere end 1 kolonne, kan du indstille bredden på kolonnerne i procenter.
  - Stå i den enkelte kolonne.
  - Klik på ‘Styles’.
  - Vælg, hvor mange procent kolonnen skal fylde.
    - Vi anbefaler, du højst indstiller bredden på 1-2 kolonner.
    - Hvis du har brug for at indstille bredden på flere end 2 kolonner, skal de samlede procenter for kolonnerne give 100.
- Hvis du har lavet et tekstlink, kan du style linket som et arrow-link.

Tabeller og tilgængelighed

Brugere med synshandicap eller ordblindhed kan bruge skærmlæserprogrammer til at forstå indholdet på en side. Skærmlæseren virker ved at læse sidens indhold op for dem.

Skærmlæsere stiller særlige krav til udformningen af tabeller. Derfor skal en tabel enten have en ‘Header row’, ‘Header column’ eller begge dele; De fortæller skærmlæseren, hvordan tabellens indhold skal læses op.

Når du laver en tabel, er der derfor 3 punkter, du skal tænke ind i opbygningen af din tabel:

‘Header row’: Som default laver systemet altid den øverste række i en tabel til en ‘Header row’, så en skærmlæser ved, hvilket indhold der hører under hvad. Der kan kun være 1 ‘header row’ per tabel.
‘Header column’: Hvis tabellen er mere kompleks, kan du også indstille den første kolonne til at være en ‘Header column’. I TYPO3 skal du:
- Klikke på kolonnen længst til venstre.
- Trykke på ‘Column’-ikonet, der kommer frem
- Krydse af i ‘Header column’.
‘Caption’: Vi anbefaler, du giver din tabel en ‘table caption’. Den står under tabellen og beskriver kort, hvad tabellen handler om. I TYPO3 skal du:
- Klik et sted i tabellen.
- Tryk på ‘toogle caption on’.
- Skriv tabellens beskrivelse.

Eksempel på 3 tabeller i 1 content element

Denne tabel er standard-bredde, har en ‘Header row’ og har en farvet ‘Table header background colour’
Compulsory courses	ECTS
Discovery and Development of Medicines	5 ECTS
Drug Formulation and Delivery	4 ECTS
Drug Discovery	3 ECTS
Pharmacology	2.5 ECTS
Process Development and Production of Active Pharmaceutical Ingredients (API)	3 ECTS
Clinical Pharmacology and Biostatistics	5 ECTS
QA QC GXP for Pharmaceutical Production	2.5 ECTS
Drug Regulatory Affairs in Drug Development	2.5 ECTS
Non-clinical Safety and Toxicology	2.5 ECTS

Denne tabel er også standard-bredde, har en ‘Header row’ og har en farvet ‘Table header background colour’
Elective courses	ECTS
Choose from a selection of courses	10-18 ECTS

Denne tabel er også standard-bredde, har en ‘Header row’ og har en farvet ‘Table header background colour’
Master's project	ECTS
Complete the programme with Master's project.	12-20 ECTS

Eksempel på tabel med header row og header column

Denne tabel er standard-bredde, har både ‘Header row’ og ‘Header column’, og har ingen styling
X (gange)	1	2	3	4
1	1	2	3	4
2	2	4	6	8
3	3	6	9	12

Eksempel på tabel med styling

Denne tabel er ‘wide’, har både ‘Header row’ og ‘Header column’, og har en stribet styling
X (Gange)	10	20	30	40	50
10	100	200	300	400	500
20	200	400	600	800	1000
30	300	600	900	1200	1500
40	400	800	1200	1600	2000
50	500	1000	1500	2000	2500

Eksempel på tabel med 'Table header background colour'

Denne tabel er standard-bredde, har en ‘Header row’ og har en farvet ‘Table header background colour’
Produkt	Længde	Bredde	Højde	Rumfang
Pung	10 cm	5 cm	2 cm	100 cm3
Bog	16 cm	10 cm	3 cm	480 cm3
Mappe	30 cm	22 cm	3 cm	1980 cm3
Æske	20 cm	18 cm	6 cm	2160 cm3