Tabellen

Basisvoorbeeld tabel:
Table header heading 1 Table header heading 2 Table header heading 3
Lorem Ipsum Dolor set
Lorem Ipsum Dolor set
Lorem Ipsum Dolor set
Table with titlebar and title example:
Table header heading 1 Table header heading 2 Table header heading 3
Lorem Ipsum Dolor set
Lorem Ipsum Dolor set
Lorem Ipsum Dolor set
Table footer heading 1 Table footer heading 2 Table footer heading 3
Table footer 1 Table footer 2 Table footer 3
Tabelvoorbeeld met gegroepeerde elementen:
Lorem Table header heading Action
Lorem Ipsum
Tabelvoorbeeld met selectievak:
Table header heading Action
Ipsum
Tabelvoorbeeld met gegroepeerde elementen:
Lorem Table header heading Action
Lorem Ipsum
Tabelvoorbeeld meldingen:
Table header heading 1 Table header heading 2 Table header heading 3
Fout: Lorem Fout: Lorem Fout: Lorem
Waarschuwing:lorem Waarschuwing:lorem Waarschuwing:lorem
Bevestiging: Lorem Bevestiging: Lorem Bevestiging: Lorem
Toelichting: Lorem Toelichting: Lorem Toelichting: Lorem
Primair: Lorem Primair: Lorem Primair: Lorem
Tabelvoorbeeld met selectievak:
Table header heading
Ipsum
Tabelvoorbeeld met data over meerdere kolommen:
Lorem ipsum Dolor set Amet
Lorem ipsum dolor set amet Lorem 10
Lorem ipsum dolor set amet Lorem 100
This cell takes up three columns
Lorem ipsum dolor set amet Lorem 40
Tabelvoorbeeld met data over meerdere rijen:
Lorem ipsum Dolor set Total
Lorem 10 110
Ipsum 100
Lorem 40 40
Simple table example:
Table header heading 1 Table header heading 2 Table header heading 3
Lorem Ipsum Dolor set
Lorem Ipsum Dolor set
Lorem Ipsum Dolor set
Tabelvoorbeeld met gegroepeerde data:
Lorem Ipsum Dolor Consectetur Adepicing
Ipsum Set Amet Ipsum Dolor
Lorem Consectetur Adepicing Lorem Ipsum
Tabelvoorbeeld met sorteerbare data:
Sortable Ascending Descending
Samenvatting overzicht lorem ipsum:
Risicolevel Hoeveelheid
Critical 1
Hoog 1
Gemiddeld 3
Laag 6
Aanbeveling 10
Totaal 21
Voorbeeld uitklapbare tabelrijen:
Risicolevel Bevindingstype Hoeveelheid Status Details
Critical Lorem ipsum dolor set 4 New

Lorem ipsum details

De extra content.
High Lorem ipsum dolor set 12 New

Lorem ipsum details

De extra content.
Tabelvoorbeeld met een sticky header.
Heading 1 Heading 2 Heading 3
Lorem Ipsum Dolor set
Lorem Ipsum Dolor set
Lorem Ipsum Dolor set
Lorem Ipsum Dolor set
Lorem Ipsum Dolor set
Lorem Ipsum Dolor set
Lorem Ipsum Dolor set
Lorem Ipsum Dolor set
Lorem Ipsum Dolor set
Lorem Ipsum Dolor set
Lorem Ipsum Dolor set
Lorem Ipsum Dolor set
Lorem Ipsum Dolor set
Lorem Ipsum Dolor set
Lorem Ipsum Dolor set
Lorem Ipsum Dolor set
Lorem Ipsum Dolor set
Lorem Ipsum Dolor set
Tabelvoorbeeld met aangegeven scope:
Naam Diersoort
Manon Kat
Max Hond
Keiko Kat
Terug naar het hoofdmenu