Navigation Menu

Tables

Normal Table

<table>
  <thead>
    <th>Field 1</th>
    <th>Field 2</th>
    <th>Field 3</th>
  </thead>
  <tbody>
    <tr>
      <td>Record 1 - Data 1</td>
      <td>Record 1 - Data 2</td>
      <td>Record 1 - Data 3</td>
    </tr>
    <tr>
      <td>Record 2 - Data 1</td>
      <td>Record 2 - Data 2</td>
      <td>Record 2 - Data 3</td>
    </tr>
    <tr>
      <td>Record 3 - Data 1</td>
      <td>Record 3 - Data 2</td>
      <td>Record 3 - Data 3</td>
    </tr>
    <tr>
      <td>Record 4 - Data 1</td>
      <td>Record 4 - Data 2</td>
      <td>Record 4 - Data 3</td>
    </tr>
    <tr>
      <td>Record 5 - Data 1</td>
      <td>Record 5 - Data 2</td>
      <td>Record 5 - Data 3</td>
    </tr>
  </tbody>
</table>
Field 1 Field 2 Field 3
Record 1 - Data 1 Record 1 - Data 2 Record 1 - Data 3
Record 2 - Data 1 Record 2 - Data 2 Record 2 - Data 3
Record 3 - Data 1 Record 3 - Data 2 Record 3 - Data 3
Record 4 - Data 1 Record 4 - Data 2 Record 4 - Data 3
Record 5 - Data 1 Record 5 - Data 2 Record 5 - Data 3

Responsive Table

<div class="table-wrapper">
  <table>
    <thead>
      <th>Field 1</th>
      <th>Field 2</th>
      <th>Field 3</th>
      <th>Field 4</th>
      <th>Field 5</th>
    </thead>
    <tbody>
      <tr>
        <td>Record 1 - Data 1</td>
        <td>Record 1 - Data 2</td>
        <td>Record 1 - Data 3</td>
        <td>Record 1 - Data 4</td>
        <td>Record 1 - Data 5</td>
      </tr>
      <tr>
        <td>Record 2 - Data 1</td>
        <td>Record 2 - Data 2</td>
        <td>Record 2 - Data 3</td>
        <td>Record 2 - Data 4</td>
        <td>Record 2 - Data 5</td>
      </tr>
      <tr>
        <td>Record 3 - Data 1</td>
        <td>Record 3 - Data 2</td>
        <td>Record 3 - Data 3</td>
        <td>Record 3 - Data 4</td>
        <td>Record 3 - Data 5</td>
      </tr>
      <tr>
        <td>Record 4 - Data 1</td>
        <td>Record 4 - Data 2</td>
        <td>Record 4 - Data 3</td>
        <td>Record 4 - Data 4</td>
        <td>Record 4 - Data 5</td>
      </tr>
      <tr>
        <td>Record 5 - Data 1</td>
        <td>Record 5 - Data 2</td>
        <td>Record 5 - Data 3</td>
        <td>Record 5 - Data 4</td>
        <td>Record 5 - Data 5</td>
      </tr>
    </tbody>
  </table>
</div>
Field 1 Field 2 Field 3 Field 4 Field 5
Record 1 - Data 1 Record 1 - Data 2 Record 1 - Data 3 Record 1 - Data 4 Record 1 - Data 5
Record 2 - Data 1 Record 2 - Data 2 Record 2 - Data 3 Record 2 - Data 4 Record 2 - Data 5
Record 3 - Data 1 Record 3 - Data 2 Record 3 - Data 3 Record 3 - Data 4 Record 3 - Data 5
Record 4 - Data 1 Record 4 - Data 2 Record 4 - Data 3 Record 4 - Data 4 Record 4 - Data 5
Record 5 - Data 1 Record 5 - Data 2 Record 5 - Data 3 Record 5 - Data 4 Record 5 - Data 5