Skip to Main Content

Table Styles

Web Team

Default Table

This table solution can be used for any table that does not exceed 3 columns in a row.

Table Header Table Header Table Header
Information Information Information
Information Information Information
Information Information Information
Information Information Information

<table>
<tbody>
  <tr>
    <th>Table Header</th>
    <th>Table Header</th>
    <th>Table Header</th>
  <tr>
  <tr>
    <td>Table Header</td>
    <td>Table Header</td>
    <td>Table Header</td>
  <tr>
</tbody>
</table>

Responsive Table

This table solution is what will need to be used for any table that have more than 3 columns in a row.

Table Header Table Header Table Header Table Header Table Header Table Header
Information Information Information Information Information Information
Information Information Information Information Information Information
Information Information Information Information Information Information
Information Information Information Information Information Information

<div class="table-responsive">
<table>
<tbody>
  <tr>
    <th>Table Header</th>
    <th>Table Header</th>
    <th>Table Header</th>
    <th>Table Header</th>
    <th>Table Header</th>
    <th>Table Header</th>
  <tr>
  <tr>
    <td>Table Header</td>
    <td>Table Header</td>
    <td>Table Header</td>
    <td>Table Header</td>
    <td>Table Header</td>
    <td>Table Header</td>
  <tr>
</tbody>
</table>
</div>
Back to top