Table Examples
Standard
Default table styling.
<table>
 |
Elemental 
|
Circadian 
|
Alpha 
|
| Description | Our thinnest and quickest drying sole which offers the most ground feel. | The ultimate barefoot water traction, wicking, cotton footbed for aggressive traction. | New to minimal footwear or looking to go the extra mile? Featuring our thickest sole & cotton footbed. |
| Sole Composition | 8mm Vibram® Gumlite Outsole | 1mm Earth-Grip footbed 8mm Vibram Outsole |
1mm Earth-Grip footbed 11mm Vibram Outsole |
| Lifestyle Sandals | Elemental Lifestyle | Circadian Lifestyle | Alpha Lifestyle |
| Adventure Sandals | Elemental Adventure | Circadian Adventure | Alpha Adventure |
Bordered
Add borders to table cells.
<table class="bordered">
|
Elemental
|
Circadian 
|
Alpha
|
| Description | Our thinnest and quickest drying sole which offers the most ground feel. | The ultimate barefoot water traction, wicking, cotton footbed for aggressive traction. | New to minimal footwear or looking to go the extra mile? Featuring our thickest sole & cotton footbed. |
| Sole Composition | 8mm Vibram® Gumlite Outsole | 1mm Earth-Grip footbed 8mm Vibram Outsole |
1mm Earth-Grip footbed 11mm Vibram Outsole |
| Lifestyle Sandals | Elemental Lifestyle | Circadian Lifestyle | Alpha Lifestyle |
| Adventure Sandals | Elemental Adventure | Circadian Adventure | Alpha Adventure |
Padded
Add additional padding to table cells.
<table class="padded">
|
Elemental
|
Circadian
|
Alpha
|
| Description | Our thinnest and quickest drying sole which offers the most ground feel. | The ultimate barefoot water traction, wicking, cotton footbed for aggressive traction. | New to minimal footwear or looking to go the extra mile? Featuring our thickest sole & cotton footbed. |
| Sole Composition | 8mm Vibram® Gumlite Outsole | 1mm Earth-Grip footbed 8mm Vibram Outsole |
1mm Earth-Grip footbed 11mm Vibram Outsole |
| Lifestyle Sandals | Elemental Lifestyle | Circadian Lifestyle | Alpha Lifestyle |
| Adventure Sandals | Elemental Adventure | Circadian Adventure | Alpha Adventure |
Multiple classes
Combine classes to add multiple styles at once.
<table class="bordered padded font-s max-width-128">
|
Elemental
|
Circadian
|
Alpha
|
| Description | Our thinnest and quickest drying sole which offers the most ground feel. | The ultimate barefoot water traction, wicking, cotton footbed for aggressive traction. | New to minimal footwear or looking to go the extra mile? Featuring our thickest sole & cotton footbed. |
| Sole Composition | 8mm Vibram® Gumlite Outsole | 1mm Earth-Grip footbed 8mm Vibram Outsole |
1mm Earth-Grip footbed 11mm Vibram Outsole |
| Lifestyle Sandals | Elemental Lifestyle | Circadian Lifestyle | Alpha Lifestyle |
| Adventure Sandals | Elemental Adventure | Circadian Adventure | Alpha Adventure |
Responsive: Stacktable
Convert table into 2-column format that preserves rows on small screens. Resize browser or view on mobile to test. Note that the 'bordered' class is not required, it just makes it easier to see the layout.
<table class="stacktable bordered">
|
Elemental
|
Circadian
|
Alpha
|
| Description | Our thinnest and quickest drying sole which offers the most ground feel. | The ultimate barefoot water traction, wicking, cotton footbed for aggressive traction. | New to minimal footwear or looking to go the extra mile? Featuring our thickest sole & cotton footbed. |
| Sole Composition | 8mm Vibram® Gumlite Outsole | 1mm Earth-Grip footbed 8mm Vibram Outsole |
1mm Earth-Grip footbed 11mm Vibram Outsole |
| Lifestyle Sandals | Elemental Lifestyle | Circadian Lifestyle | Alpha Lifestyle |
| Adventure Sandals | Elemental Adventure | Circadian Adventure | Alpha Adventure |
Responsive: Stackcolumns
Convert table into 2-column format that preserves columns on small screens. Resize browser or view on mobile to test. Note that the 'bordered' class is not required, it just makes it easier to see the layout.
<table class="stackcolumns bordered">
|
Elemental
|
Circadian
|
Alpha
|
| Description | Our thinnest and quickest drying sole which offers the most ground feel. | The ultimate barefoot water traction, wicking, cotton footbed for aggressive traction. | New to minimal footwear or looking to go the extra mile? Featuring our thickest sole & cotton footbed. |
| Sole Composition | 8mm Vibram® Gumlite Outsole | 1mm Earth-Grip footbed 8mm Vibram Outsole |
1mm Earth-Grip footbed 11mm Vibram Outsole |
| Lifestyle Sandals | Elemental Lifestyle | Circadian Lifestyle | Alpha Lifestyle |
| Adventure Sandals | Elemental Adventure | Circadian Adventure | Alpha Adventure |
Responsive: Scrolltable
Add horizontal scrolling when the table is too wide for the screen. Resize browser or view on mobile to test. Note that the 'bordered' class is not required, it just makes it easier to see the layout.
<table class="scrolltable bordered">
|
Elemental
|
Circadian
|
Alpha
|
| Description | Our thinnest and quickest drying sole which offers the most ground feel. | The ultimate barefoot water traction, wicking, cotton footbed for aggressive traction. | New to minimal footwear or looking to go the extra mile? Featuring our thickest sole & cotton footbed. |
| Sole Composition | 8mm Vibram® Gumlite Outsole | 1mm Earth-Grip footbed 8mm Vibram Outsole |
1mm Earth-Grip footbed 11mm Vibram Outsole |
| Lifestyle Sandals | Elemental Lifestyle | Circadian Lifestyle | Alpha Lifestyle |
| Adventure Sandals | Elemental Adventure | Circadian Adventure | Alpha Adventure |
