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.
VenueLocationTickets
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.
DateEventCity
2021
Paris Fashion Week
Paris
Details
2020
Fashion Gala
London
Details
2019
The Fashion Awards
Milan
Details
2018
Berlin Fashion Week
Berlin
Details
ProductDetails
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

Get Hundreds of YOOtheme Pro
Features All in One Package.