samedi, décembre 15, 2018
[stack_hero image= »38″]

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 →

[/stack_hero]
[vc_section css= ».vc_custom_1498220974087{padding-top: 0px !important;} » ebor_docs= » »]
[stack_boxed_content padding= »boxed–lg » background= »bg–secondary »]

Standard Tables

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

[/stack_boxed_content]
Value 1 Value 2 Value 3 Value 4
1 2 3 4
1 2 3 4
1 2 3 4
[/vc_section][vc_section]
[stack_boxed_content padding= »boxed–lg » background= »bg–secondary »]

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.

[/stack_boxed_content]
Value 1 Value 2 Value 3 Value 4
1 2 3 4
1 2 3 4
1 2 3 4
[/vc_section][vc_section]
[stack_boxed_content padding= »boxed–lg » background= »bg–secondary »]

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.

[/stack_boxed_content]
Value 1 Value 2 Value 3 Value 4
1 2 3 4
1 2 3 4
1 2 3 4
[/vc_section]