Table

The Table element displays a table. It has Title, Meta, Content, Image and Link fields. Optionally, set a table header for each content field.

Venue	Location	Tickets
Broly Festival	San Diego, CA	Buy Tickets
Destination Zero	Seattle, WA	Buy Tickets
Zamasu XXL	Denver, CO	Buy Tickets
Ka-me-ha-me-ha	Miami, FL	~~Canceled~~
Frieza Festival	Austin, TX	Sold out
Westchester Club	London, UK	Buy Tickets

Style

The Table element has various style options. Choose between the default, divider or a striped table. Optionally, highlight the hovered row and remove its left and right padding.

Divider

01	Alpha (Intro)	Sample
02	We are not friends (ft. Goku)	Sample
03	Eat your Vegetables	Sample
04	Power Level 500K	Sample
05	Battle Sirens	Sample
06	Dance on the Moon	Sample
07	Endgame (ft. Trunks)	Sample
08	Omega (Outro)	Sample

Striped

01	Alpha (Intro)	Sample
02	We are not friends (ft. Goku)	Sample
03	Eat your Vegetables	Sample
04	Power Level 500K	Sample
05	Battle Sirens	Sample
06	Dance on the Moon	Sample
07	Endgame (ft. Trunks)	Sample
08	Omega (Outro)	Sample

Default

01	Alpha (Intro)	Sample
02	We are not friends (ft. Goku)	Sample
03	Eat your Vegetables	Sample
04	Power Level 500K	Sample
05	Battle Sirens	Sample
06	Dance on the Moon	Sample
07	Endgame (ft. Trunks)	Sample
08	Omega (Outro)	Sample

Order and Alignment

Choose the column order for the Title, Meta, Content, Image and Link fields. Additionally, align the content in the table cells and set their padding.

Date	Event	City
2021	Paris Fashion Week	Paris	Details
2020	Fashion Gala	London	Details
2019	The Fashion Awards	Milan	Details
2018	Berlin Fashion Week	Berlin	Details

Product		Details
Watson Chair		Seat width: 55 cm Seat depth: 50 cm Total height: 95 cm	Maximum weight of the package: 9 kg
Marble Chair		Seat width: 45 cm Seat depth: 40 cm Total height: 75 cm	Maximum weight of the package: 7 kg

Table Width

Set the width of the title, meta and content columns. Choose between a fixed width, shrink the width to fit its content or expand the width to fill the remaining space. If all columns have a fixed width, the remaining space will be distributed equally among them.

7 am – 8:15 am	Good Morning Yoga	Lorem ipsum dolor sit amet. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.	Rachel
7:30 am – 8:45 am	Complete Body Workout	Lorem ipsum dolor sit amet. Donec quam felis, ultricies nec, pellentesque eu.	Nioh
8:30 am – 10 am	Aqua Fit	Lorem ipsum dolor sit amet. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.	Ruben
1:30 pm – 2:45 pm	Gym Boxing	Lorem ipsum dolor sit amet. Donec quam felis, ultricies nec, pellentesque eu, pretium quis.	Jessica
2 pm – 3 pm	Capoeira	Lorem ipsum dolor sit amet. Donec quam felis.	Rachel
3:30 pm – 4:30 pm	Bikes & Beats	Lorem ipsum dolor sit amet. Donec quam felis, ultricies nec, pellentesque eu, pretium quis.	Nioh

Responsiveness

Choose whether the table should stack on small viewports or enable overflow scroll for the container.

Raphaela Perkins	Office Manager	Contact
Adam Arellano	Recruiting	Contact
Ron Donald	Talent Manager	Contact
Dennis Kemp	Web Designer	Contact

More Settings

Options for the different content fields are explained in the according Headline, Text, Image and Button element documentation.

Creative / Art Director	Full Time	View Details
Creative Producer	Part Time	View Details
Web Designer	Full Time	View Details
Front-end Developer	Full Time	View Details