Table Block

The Table Block facilitates the creation of row-based data tables. Options include a caption for contextual information, zebra styling for rows or columns, align content within cells and adjust font sizes, ensuring precise control over the appearance of your data tables.

Table rows

The Structure field is utilized for generating table rows. The initial row is dedicated to headings, and each subsequent row can accommodate up to eight cells. To ensure proper alignment, empty cells within a row should contain a character like a dash. Markdown or Kirbytext formatting is supported for any text styling within the table cells.

Caption
Heading 1Heading 2Heading 3Heading 4Heading 5Heading 6Heading 7Heading 8
Row heading 1Table dataTable data
  • Table data
  • Table data
  • Table data
Table dataTable dataTable dataTable data
Row heading 2Table dataTable dataTable dataTable dataTable dataTable data
Row heading 3Table dataTable dataTable dataTable dataTable dataTable dataTable data

Background image

Example of a table with a background image

Mesozoic Era
PeriodDurationEpochsEvents
Triassic51 MaLower, Middle and Upper TriassicEarly dinosaurs, crocodiles, turtles; first mammals
Jurassic54 MaLower, Middle and Upper JurassicMany seagoing reptiles; early large dinosaurs; later, flying reptiles (pterosaurs), earliest known birds
Cretaceous80 MaLower and Upper CretaceousDinosaurs and other reptiles dominate; seed-bearing plants appear

KirbyTags and Tooltip

In the given example, an optional table caption is employed, along with zebra columns and the default font size. The data is right-aligned and forced onto a single line. Notably, a tooltip, an icon, and an image are integrated using the resize and icon tags, respectively, which are custom ZOON KirbyTags.

Demo table caption
Heading 1Heading 2Heading 3Heading 4Heading 5
Image
100.0001.000100
Icon
 
200.0002.000200
Row 3Table data forced on a line300.0003.000300
ToolTip400.0004.000400

Share