[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 css=».vc_custom_1498220974087{padding-top: 0px !important;}» ebor_docs=»»][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]