Skip to content
[Logo] [Logo]

Table Block Demo

!Note: this piece of documentation is auto-generated from blocks/TableBlock/README.md.

Display tabular data in a responsive layout with an optional title.

Features

  • Table data format is based on output of the DatoCMS Table Editor.

  • Table includes a (fig)caption when a title is provided for improved accessibility.

  • Table can have a header row and a header column. Headers have scope=col|row for improved accessibilty.

  • When the header column is enabled it's behaving as a sticky first column.

  • Support for both a sticky header and sticky first column requires some extra work and JS. To avoid complexity in Head Start this is kept out of scope.

  • Basis styling not required for the responsive behaviour is also provided and can be safely replaced.

Table in textblock

Simple table demo in text block
Key aValue a109.59
Key bValue b110.64
Key cValue c111.07

Table 1

Simple table demo
Key avalue a
Key bvalue b
Key cvalue c

Table 2

An absolute unit of a table :)
PeriodenNatural gas Transport rate (Euro/year)Fixed delivery rate fixed and variable... (Euro/year)Variable delivery rate contract price (Euro/m3)Energy tax (Euro/m³)Electricity Transport rate (Euro/year)Variable supply rate contract price (Euro/kWh)Fixed dynamic delivery rate (Euro/year)Variabel leveringstarief dynamisch (Euro/kWh)Dynamic variable supply rate (Euro/kWh)Energy tax (Euro/kWh)Energy tax reduction (Euro/year)
March 2025247,5587,800,64940,69957467,17106,600,156081,010,14720,12286-635,19
April 2025247,5589,450,65960,69957467,17107,760,152081,010,12670,12286-635,19
May 2025247,5590,340,65950,69957467,17108,590,148179,260,11390,12286-635,19
June 2025247,5590,480,65630,69957467,17108,590,147079,260,11810,12286-635,19
July 2025247,5590,860,64470,69957467,17108,190,147979,260,14220,12286-635,19
August 2025247,5591,010,62860,69957467,17108,420,148079,260,12650,12286-635,19
September 2025247,5591,160,62690,69957467,17108,680,148579,260,13010,12286-635,19
October 2025247,5591,360,61260,69957467,17109,030,151479,260,13580,12286-635,19
November 2025247,5591,500,60580,69957467,17109,350,151879,190,13350,12286-635,19
December 2025247,5591,570,60100,69957467,17109,590,152079,190,12620,12286-635,19
January 2026268,3792,320,58680,72680476,87110,640,149788,250,14990,11085-628,96
February 2026*268,3792,360,57670,72680476,87111,070,147488,250,13160,11085-628,96
March 2025204,5972,570,53670,57816386,0988,100,128966,950,12160,10154-524,95
April 2025204,5973,920,54510,57816386,0989,050,125666,950,10470,10154-524,95
May 2025204,5974,660,54500,57816386,0989,740,122465,500,09410,10154-524,95
June 2025204,5974,780,54240,57816386,0989,750,121465,500,09760,10154-524,95
July 2025204,5975,090,53280,57816386,0989,410,122265,500,11760,10154-524,95
August 2025204,5975,220,51950,57816386,0989,600,122365,500,10450,10154-524,95
September 2025204,5975,340,51810,57816386,0989,820,122765,500,10760,10154-524,95
October 2025204,5975,510,50620,57816386,0990,100,125165,500,11220,10154-524,95

Table 3

With header row
PeriodsDynamic variable supply rate (Euro/kWh)
March 20250.1472
April 20250.1267
May 20250.1139
June 20250.1181
July 20250.1422
August 20250.1265
September 20250.1301
October 20250.1358
November 20250.1335
December 20250.1262
January 20260.1499
February 2026*0.1316
March 20250.1216

Table 4

With header column
November0.506291.50268.37Value 1
December0.500791.57268.37Value 2
January0.496792.32204.59Value 3

Table 5

Table with header row and header column
Column AColumn BColumn C
November 20250.519589.82
December 20250.518190.10
January 20260.506290.37