Tables
When building tables and laying them out on your page, be aware of title and content lengths within each cell.
Snippet
You can add this content using a snippet. Learn about snippets
Table - Default
| # | First | Second | Third | Last |
|---|---|---|---|---|
| Row 1 | Lorem | Ipsum | Dolor | Consectetur |
| Row 2 | Eiusmod | Tempor | Incididunt | Facilisis |
| Row 3 | Exercitation | Ullamco | Laboris | Faucibus |
Table - Dark
| # | First | Second | Third | Last |
|---|---|---|---|---|
| Row 1 | Lorem | Ipsum | Dolor | Consectetur |
| Row 2 | Eiusmod | Tempor | Incididunt | Facilisis |
| Row 3 | Exercitation | Ullamco | Laboris | Faucibus |
Table - Light
| # | First | Second | Third | Last |
|---|---|---|---|---|
| Row 1 | Lorem | Ipsum | Dolor | Consectetur |
| Row 2 | Eiusmod | Tempor | Incididunt | Facilisis |
| Row 3 | Exercitation | Ullamco | Laboris | Faucibus |
Table - Striped
| # | First | Second | Third | Last |
|---|---|---|---|---|
| Row 1 | Lorem | Ipsum | Dolor | Consectetur |
| Row 2 | Eiusmod | Tempor | Incididunt | Facilisis |
| Row 3 | Exercitation | Ullamco | Laboris | Faucibus |
Table - Striped Dark
| # | First | Second | Third | Last |
|---|---|---|---|---|
| Row 1 | Lorem | Ipsum | Dolor | Consectetur |
| Row 2 | Eiusmod | Tempor | Incididunt | Facilisis |
| Row 3 | Exercitation | Ullamco | Laboris | Faucibus |
Table - Striped Light, Dark Header
| # | First | Second | Third | Last |
|---|---|---|---|---|
| Row 1 | Lorem | Ipsum | Dolor | Consectetur |
| Row 2 | Eiusmod | Tempor | Incididunt | Facilisis |
| Row 3 | Exercitation | Ullamco | Laboris | Faucibus |
Sortable Table with Search Bar
| Name | Title | |
|---|---|---|
| Karin Allen | Food Quality & Entrepreneurship Specialist | karin.allen@usu.edu |
| Niel Allen | Irrigation Specialist | n.allen@usu.edu |
| Diane Alston | Entomology Specialist | Diane.Alston@usu.edu |
| David Anderson | USU Botanical Center Marketing Director | david.anderson@usu.edu |