Documentation

Everything you can do with Beauter

Tables

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

Example
<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>
Result
Fruit Count Condition Status
Apple 6 Fresh Shipped
Orange 4 Fresh Shipped
Banana 6 Fresh Ready for shipping
Mango 3 Fresh Packing

Sitemap ..

Code licensed under MIT
Docs under CC BY NC SA 4.0.
Designed with
outboxcraft logoOutboxcraft
© 2017