Documentation

Everything you can do with Beauter


Tables


Beauter can create responsive tables having shaded rows and hover effects. Just use the normal HTML elements.

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


News

  • New 'Examples' section coming with wonderful tutorials!
  • Adding animations and transitions effects soon.
  • 0.3 development started. Join us here.

Get Involved

Your contribution can make beauter more beautiful. Visit Github to collaborate.

Star Fork

Sitemap Designed with by Shubham Ramdeo
Follow @ramdeoshubham
outboxcraft logoOutboxcraft
© 2017