--- title: Tables ---

Okay, they're not the sexiest things ever, but tables get the job done (for tabular data, of course).

*** {{> examples_tables_basic}} ***

Basic

You can create a table using minimal markup.

HTML

{{#markdown}} ```html
Table Header Table Header Table Header Table Header
Content Goes Here This is longer content Donec id elit non mi porta gravida at eget metus. Content Goes Here Content Goes Here
Content Goes Here This is longer Content Goes Here Donec id elit non mi porta gravida at eget metus. Content Goes Here Content Goes Here
Content Goes Here This is longer Content Goes Here Donec id elit non mi porta gravida at eget metus. Content Goes Here Content Goes Here
``` {{/markdown}}

Rendered HTML

{{> examples_tables_basic}} *** ## Customize With Sass Tables can be easily customized using our Sass variables. {{> examples_tables_variables}} **Note:** `rem-calc();` is a function we wrote to convert `px` to `rem`. It is included in **_functions.scss**. *** ### Sass Errors? If the default "foundation" import was commented out, then make sure you import this file:

SCSS

{{#markdown}} ```scss @import "foundation/components/tables"; ``` {{/markdown}}