Hopp til innhold

Table

Vi bruker tabeller for å vise data på en ordnet måte som gjør sammenlikning enkelt.

Typografi

Som regel skal innholdet i cellene være venstrejustert, med noen unntak som høyrejusteres:

  • Tall og valuta
  • Knapper

I sånne tilfeller skal også headeren følge innholdet og høyrestilles.

Vanligvis skal innholdet være toppjustert i tabellraden på grunn av lesbarhet på smalere skjermer. I enkelte tilfeller, for eksempel om raden har én eller flere knapper, kan sentrering brukes i stedet.

Riktig

Høyrejuster tall for lesbarhet

Feil

Venstrejusterte tall er vanskeligere å sammenlikne

Overskrifter

Sticky overskrifter

Overskrifter kan med fordel gjøres sticky – at de beholdes vist selv om brukeren scroller ned i tabellen. For at det skal se fint ut må overskriften ha samme bakgrunnsfarge som siden den brukes på. Dette setter du selv, slik at det blir riktig farge.

Table, med sticky overskrift
Visning
Tema
Tetthet

Skjult overskrift

Det er også mulig å skjule tabelloverskrifter visuelt. De må fremdeles være der for skjermlesere, og det må komme tydelig fram av innholdet rundt hva tabellen handler om.