grid_onTable

Responsive tables

To make a table look nice, add the class table to it. If you want that table to be responsive (scroll horizontally on smaller screens), create a <div class="table"> wrapping the table instead.

The example bellow is a responsive table. Resize your browser to and see it scrolling!

---

Row counter

You can easily append the number of rows in the tbody by using the row-counter class inside the table:

---

Table caption

Add a caption element right inside of your table if you need it.

If you want your caption to be added to the bottom of the table, add the class table-caption-bottom to the caption element.

---

Condensed/comfortable table

You can set your tables to look more condensed or comfortable. Just add the class table-condensed or table-comfortable to it.