Tables

Standard (Fluid Table)

Table Header 1	Table Header 2	Table Header 3
Division 1	Division 2	Division 3
Division 1	Division 2	Division 3
Division 1	Division 2	Division 3

Standard Fluid Table Code


<table>
<tbody>
<tr>
<th>Table Header 1</th>
<th>Table Header 2</th>
<th>Table Header 3</th>
</tr>
<tr>
<td>Division 1</td>
<td>Division 2</td>
<td>Division 3</td>
</tr>
<tr class="even">
<td>Division 1</td>
<td>Division 2</td>
<td>Division 3</td>
</tr>
<tr>
<td>Division 1</td>
<td>Division 2</td>
<td>Division 3</td>
</tr>
</tbody>
</table>

Large (Responsive Table)

First Name	Last Name	Hero Title
Bruce	Wayne	Batman
Peter	Parker	Spiderman
Bruce	Banner	The Hulk
Clark	Kent	Superman

Large Responsive Table Code


<div class="table-responsive">
<table>
<thead>
<tr>
<th>First Name</th>
<th>Last Name</th>
<th>Hero Title</th>
</tr>
</thead>
<tbody>
<tr>
<td data-label="First Name">Bruce</td>
<td data-label="Last Name">Wayne</td>
<td data-label="Hero Title">Batman</td>
</tr>
<tr>
<td data-label="First Name">Peter</td>
<td data-label="Last Name">Parker</td>
<td data-label="Hero Title">Spiderman</td>
</tr>
<tr>
<td data-label="First Name">Bruce</td>
<td data-label="Last Name">Banner</td>
<td data-label="Hero Title">The Hulk</td>
</tr>
<tr>
<td data-label="First Name">Clark</td>
<td data-label="Last Name">Kent</td>
<td data-label="Hero Title">Superman</td>
</tr>
</tbody>
</table>
</div>

Overflow Scroll (XL Tables or Legacy Tables)

Table Header 1	Table Header 2	Table Header 3	Table Header 4	Table Header 5	Table Header 6	Table Header 7	Table Header 8	Table Header 9
Division 1	Division 2	Division 3	Division 4	Division 5	Division 6	Division 7	Division 8	Division 9
Division 1	Division 2	Division 3	Division 4	Division 5	Division 6	Division 7	Division 8	Division 9
Division 1	Division 2	Division 3	Division 4	Division 5	Division 6	Division 7	Division 8	Division 9
Division 1	Division 2	Division 3	Division 4	Division 5	Division 6	Division 7	Division 8	Division 9
Division 1	Division 2	Division 3	Division 4	Division 5	Division 6	Division 7	Division 8	Division 9
Division 1	Division 2	Division 3	Division 4	Division 5	Division 6	Division 7	Division 8	Division 9
Division 1	Division 2	Division 3	Division 4	Division 5	Division 6	Division 7	Division 8	Division 9
Division 1	Division 2	Division 3	Division 4	Division 5	Division 6	Division 7	Division 8	Division 9
Division 1	Division 2	Division 3	Division 4	Division 5	Division 6	Division 7	Division 8	Division 9

Overflow Scroll Table Code


<div class="table-scroll">
<table>
<tbody>
<tr>
<th>Table Header 1</th>
<th>Table Header 2</th>
<th>Table Header 3</th>
<th>Table Header 4</th>
<th>Table Header 5</th>
<th>Table Header 6</th>
<th>Table Header 7</th>
<th>Table Header 8</th>
<th>Table Header 9</th>
</tr>
<tr>
<td>Division 1</td>
<td>Division 2</td>
<td>Division 3</td>
<td>Division 4</td>
<td>Division 5</td>
<td>Division 6</td>
<td>Division 7</td>
<td>Division 8</td>
<td>Division 9</td>
</tr>
<tr>
<td>Division 1</td>
<td>Division 2</td>
<td>Division 3</td>
<td>Division 4</td>
<td>Division 5</td>
<td>Division 6</td>
<td>Division 7</td>
<td>Division 8</td>
<td>Division 9</td>
</tr>
<tr>
<td>Division 1</td>
<td>Division 2</td>
<td>Division 3</td>
<td>Division 4</td>
<td>Division 5</td>
<td>Division 6</td>
<td>Division 7</td>
<td>Division 8</td>
<td>Division 9</td>
</tr>
<tr>
<td>Division 1</td>
<td>Division 2</td>
<td>Division 3</td>
<td>Division 4</td>
<td>Division 5</td>
<td>Division 6</td>
<td>Division 7</td>
<td>Division 8</td>
<td>Division 9</td>
</tr>
<tr>
<td>Division 1</td>
<td>Division 2</td>
<td>Division 3</td>
<td>Division 4</td>
<td>Division 5</td>
<td>Division 6</td>
<td>Division 7</td>
<td>Division 8</td>
<td>Division 9</td>
</tr>
<tr>
<td>Division 1</td>
<td>Division 2</td>
<td>Division 3</td>
<td>Division 4</td>
<td>Division 5</td>
<td>Division 6</td>
<td>Division 7</td>
<td>Division 8</td>
<td>Division 9</td>
</tr>
<tr>
<td>Division 1</td>
<td>Division 2</td>
<td>Division 3</td>
<td>Division 4</td>
<td>Division 5</td>
<td>Division 6</td>
<td>Division 7</td>
<td>Division 8</td>
<td>Division 9</td>
</tr>
<tr>
<td>Division 1</td>
<td>Division 2</td>
<td>Division 3</td>
<td>Division 4</td>
<td>Division 5</td>
<td>Division 6</td>
<td>Division 7</td>
<td>Division 8</td>
<td>Division 9</td>
</tr>
<tr>
<td>Division 1</td>
<td>Division 2</td>
<td>Division 3</td>
<td>Division 4</td>
<td>Division 5</td>
<td>Division 6</td>
<td>Division 7</td>
<td>Division 8</td>
<td>Division 9</td>
</tr>
</tbody>
</table>
</div>