[vc_row full_width=”stretch_row”][vc_column][stack_hero image=”38″][vc_column_text]

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 →[/vc_column_text][/stack_hero][/vc_column][/vc_row][vc_section][vc_row css=”.vc_custom_1485825445121{margin-bottom: 30px !important;}”][vc_column width=”1/2″][stack_boxed_content padding=”boxed–lg” background=”bg–secondary”][vc_column_text]

Standard Tables

This code will display a standard, variable-width table using basic HTML table markup.[/vc_column_text][/stack_boxed_content][/vc_column][vc_column width=”1/2″][vc_column_text]

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

[/vc_column_text][/vc_column][/vc_row][/vc_section][vc_section][vc_row css=”.vc_custom_1485825445121{margin-bottom: 30px !important;}”][vc_column width=”1/2″][stack_boxed_content padding=”boxed–lg” background=”bg–secondary”][vc_column_text]

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.[/vc_column_text][/stack_boxed_content][/vc_column][vc_column width=”1/2″][vc_column_text]

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

[/vc_column_text][/vc_column][/vc_row][/vc_section][vc_section][vc_row css=”.vc_custom_1485825445121{margin-bottom: 30px !important;}”][vc_column width=”1/2″][stack_boxed_content padding=”boxed–lg” background=”bg–secondary”][vc_column_text]

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.

[/vc_column_text][/stack_boxed_content][/vc_column][vc_column width=”1/2″][vc_column_text]

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

[/vc_column_text][/vc_column][/vc_row][/vc_section]