Show Sections Hide Sections

Tables


Headers on Top

<table class='data-table'>
  <thead>
    <tr>
      <th>Shipping Date</th>
      <th>Common Name</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>September 12</td>
      <td>Weston Pink Coral Bells</td>
    </tr>
    <tr>
      <td>May 10</td>
      <td>Showy Pink Milkweed</td>
    </tr>
  </tbody>
</table>
Shipping Date Common Name
September 12 Weston Pink Coral Bells
May 10 Showy Pink Milkweed

Headers on Left

<table class='data-table'>
  <tr class='data-record'>
    <th>Shipping Date</th>
    <td>September 12</td>
  </tr>
  <tr>
    <th>Common Name</th>
    <td>Weston Pink Coral Bells</td>
  </tr>
  <tr class='data-record'>
    <th>Shipping Date</th>
    <td>May 10</td>
  </tr>
  <tr>
    <th>Common Name</th>
    <td>Showy Pink Milkweed</td>
  </tr>
</table>
Shipping Date September 12
Common Name Weston Pink Coral Bells
Shipping Date May 10
Common Name Showy Pink Milkweed