An alternative perspective on a Chicago landmark

Lincoln Park
Chicago, United States
Photo: Aaron Burson

Table cells can contain any content, they consist of Markdown fields. The text aligment for each individual cell can be set, or set the aligment for the table body globally. There are three options for the font size, small, medium (default), large.

Default settings
Header 2000 2010 2020
First row
  • Behind the word mountains.
  • The countries Vokalia and Consonantia.
  • There live the blind texts.
A curve in a latticework facade in black and white
Messeplatz
Basel, Switzerland
Photo: Colin Carter

10.000

Second row
  1. Behind the word mountains.
  2. The countries Vokalia and Consonantia.
  3. There live the blind texts.
An alternative perspective on a Chicago landmark
Lincoln Park
Chicago, United States
Photo: Aaron Burson

120.000

Third row

Far far away, behind the word mountains, far from the countries Vokalia and Consonantia.

White ribs in facade agiants a white sky
AV Mediopadana
Reggio Emilia, Italy
Photo: Luca Bravo

120.000

Zebra row and hover, Font large
Header 2000 2010 2020
First row

There live the blind texts.

Behind the word mountains.

10.000

Second row

The countries Vokalia and Consonantia.

Behind the word mountains.

120.000

Third row

The countries Vokalia and Consonantia.

There live the blind texts.

120.000

Zebra column, Font small, Background image, Title bottom
Header 2000 2010 2020
First row

Vokalia and Consonantia

Behind the word mountains

10.000

Second row

There live the blind texts

Behind the word mountains

120.000

Third row

Behind the word mountains

Behind the word mountains

120.000

Markdown tables

Alternatively format a table with Markdown in a Text Block:

Years      | 2000    | 2010    | **2020**
---------- | ------: | ------: | ----------:
First row  | 100.000 | 120.000 | **150.000**
Second row | 50.000  | 70.000  | **90.000**
Third row  | 80.000  | 100.000 | **200.000**

Resulting in this:

Years 2000 2010 2020
First row 100.000 120.000 150.000
Second row 50.000 70.000 90.000
Third row 80.000 100.000 200.000

Wrapped in a div with markdown="1" and class="zebra-rows":

Years 2000 2010 2020
First row 100.000 120.000 150.000
Second row 50.000 70.000 90.000
Third row 80.000 100.000 200.000

Share

Marco Koedam

Marco Koedam

I am a graphic designer, front-end webdeveloper and photographer. Fascinated with the synergy between style and content, message and presentation, form and function. Ever since I was a little boy in the early 70’s, designing the program for a school play – how time flies when you’re having fun.