Jordbruksverkets Designsystem

Tabeller

Primära Tabell

Primära Tabell
Header 1 Header 2 Header 3 Header 4 Header 5 Header 6 Header 7 Header 8
Data 4 Data Data Data Data Data Data
Data 4 Data Data Data Data Data Data
Data 4 Data Data Data Data Data Data

Tabell med footer

Table med Footer
Header 1 Header 2 Header 3
Data Data Data
Data Data Data
foot 1 foot 2 foot 3

Tabell med två header

Table with Two Headers
Header 1 Header 2 Header 3 Header 4
Header 1 Cell 1 Cell 2 Cell 3 Cell 4
Header 1 Cell 1 Cell 2 Cell 3 Cell 4
Header 1 Cell 1 Cell 2 Cell 3 Cell 4
Header 1 Cell 1 Cell 2 Cell 3 Cell 4

Tabell med oregelbundet headers

Table with Irregular Headers
Mars Venus
Produced Sold Produced Sold
Teddy Bears 50,000 30,000 100,000 80,000
Board Games 10,000 5,000 12,000 9,000

Tabell med poster tillgänglighet

Tabell with Poster availability
Poster name Color Sizes available
Zodiac Full color A2 A3 A4
Black and white A1 A2 A3
Sepia A3 A4 A5
Angels Black and white A1 A3 A4
Sepia A2 A3 A5

Table med multi-level headers

Table with Multi-level Headers
Example 1 Ltd Example 2 Co
Contact James Phillips Marie Beauchamp
Position Sales Director Sales Manager
Email jp@1ltd.example.com marie@2co.example.com
Example 3 Ltd Example 4 Inc
Contact Suzette Jones Alex Howe
Position Sales Officer Sales Director
Email Suz@ltd3.example.com howe@4inc.example.com

Table med multi-level related headers

Table med multi-level related headers
Studio Apt Chalet Villa
Paris
1 bedroom 13 21 22 3
2 bedroom - 23 43 30
3 bedroom - 16 32 40
Rome
1 bedroom 13 21 22 3
2 bedroom - 23 43 30
3 bedroom - 16 32 40