Tables

Beauter can create responsive tables having shaded rows and hover effects.

<table class="_width100">
  <thead>
    <tr>
      <th>Fruit</th>
      <th>Count</th>
      <th>Condition</th>
      <th>Status</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Apple</td>
      <td>6</td>
      <td>Fresh</td>
      <td>Shipped</td>
    </tr>
    <tr>
      <td>Orange</td>
      <td>4</td>
      <td>Fresh</td>
      <td>Shipped</td>
    </tr>
 <tr>
      <td>Banana</td>
      <td>6</td>
      <td>Fresh</td>
      <td>Ready for shipping</td>
    </tr>
    <tr>
      <td>Mango</td>
      <td>3</td>
      <td>Fresh</td>
      <td>Packing</td>
    </tr>
  </tbody>
</table>