Tables

These modular elements can be readily used and customized across pages and in different blocks.


Explore all of Stack’s modular elements
at the Element Index Page →

Standard Tables

This code will display a standard, variable-width table using basic HTML table markup.

Value 1 Value 2 Value 3 Value 4
1 2 3 4
1 2 3 4
1 2 3 4

Alternating Columns

Add the class .table–alternate-column to the table element to offset every second column with a slightly darker background colour. This is useful when creating wide tables with many values.

Value 1 Value 2 Value 3 Value 4
1 2 3 4
1 2 3 4
1 2 3 4

Alternating Rows

Add the class .table–alternate-row to the table element to offset every second row with a slightly darker background colour. This is useful when creating wide tables with many values.

Value 1 Value 2 Value 3 Value 4
1 2 3 4
1 2 3 4
1 2 3 4
Dear Indulgence Customers
 
We shall be moving to a new location at 22/F Silver Fortune Plaza at 1 Wellington Street effective Saturday, 7th of April and therefore unable to serve you between 30th March to 6th April, both days inclusive.  
 
You may continue to book through our online system by clicking Appointment for your desired services. 
 
We are looking forward to welcoming you to our new salon.