Table Block
A row based table generator with styling options.
Table rows
The structure field is used to generate table rows. The first row is obviously used for the headings. Each row can hold up to eight cells. Empty cells, within a row, must have a character like … or - for the table cells to line up properly. Markdown or Kirbytext can be used for any formatting.
| Heading 1 | Heading 2 | Heading 3 | Heading 4 | Heading 5 | Heading 6 | Heading 7 | Heading 8 |
|---|---|---|---|---|---|---|---|
| Row heading 1 | Table data | Table data | Table data | Table data | Table data | Table data | Table data |
| Row heading 2 | Table data | Table data | – | Table data | Table data | Table data | Table data |
| Row heading 3 | Table data | Table data | Table data | Table data | Table data | Table data | Table data |
Background image
| Period | Duration | Epochs | Events |
|---|---|---|---|
| Triassic | 51 Ma | Lower, Middle and Upper Triassic | Early dinosaurs, crocodiles, turtles; first mammals |
| Jurassic | 54 Ma | Lower, Middle and Upper Jurassic | Many seagoing reptiles; early large dinosaurs; later, flying reptiles (pterosaurs), earliest known birds |
| Cretaceous | 80 Ma | Lower and Upper Cretaceous | Dinosaurs and other reptiles dominate; seed-bearing plants appear |
The following example uses the optional table caption, zebra columns and the default font size. The data is right aligned and forced on one line.
| Heading 1 | Heading 2 | Heading 3 | Heading 4 | Heading 5 |
|---|---|---|---|---|
| Row 1 | Table data | 100.000 | 1.000 | 100 |
| Row 2 | Table data | 200.000 | 2.000 | 200 |
| Row 3 | Table data | 300.000 | 3.000 | 300 |
| Row 4 | Table data | 400.000 | 4.000 | 400 |
Table
The Panel preview displays tables, editing is done in the Panel drawer.
Content
A structure field for row based tables with a maximum of eight fields.
Settings
Font size, text align, zebra columns or rows, background image, class attribute.
Lighthouse for this page
Tooltips
Please turn on javascript
1) Lighthouse
| Mobile | Desktop | |
|---|---|---|
| Performance | 98 | 100 |
| Accessibility | 100 | 100 |
| Best Practices | 100 | 100 |
| SEO | 100 | 100 |