---
title: Tables
layout: doc/layouts/default.html
---
# Tables
***
{{> 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}}