Tabular Demo

Description	Color	Size	Units Sold	Price
Product #1	Red	Small	23	$23.50
Product #2	Green	Medium	45	$34.75
Product #3	Orange	Large	34	$39.88
Product #4	Blue	XL	34	$45.88
Product #5	Violet	XXL	34	$55.88

Generated Table HTML

As you can see from the code below, Tabular generates semantic HTML automatically. No manual coding is necessary!

<table class="tabular zebra-3-template">
  <thead>
    <tr>
      <th>Description</th>
      <th>Color</th>
      <th>Size</th>
      <th>Units Sold</th>
      <th>Price</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Product #1</td>
      <td>Red</td>
      <td>Small</td>
      <td>23</td>
      <td>$23.50</td>
    </tr>
    <tr>
      <td>Product #2</td>
      <td>Green</td>
      <td>Medium</td>
      <td>45</td>
      <td>$34.75</td>
    </tr>
    <tr>
      <td>Product #3</td>
      <td>Orange</td>
      <td>Large</td>
      <td>34</td>
      <td>$39.88</td>
    </tr>
    <tr>
      <td>Product #4</td>
      <td>Blue</td>
      <td>XL</td>
      <td>34</td>
      <td>$45.88</td>
    </tr>
    <tr>
      <td>Product #5</td>
      <td>Violet</td>
      <td>XXL</td>
      <td>34</td>
      <td>$55.88</td>
    </tr>
  </tbody>
</table>