check thumbs-o-up twitter github desktop tablet folder-o wordpress

Tables

Tables styles in MM.css - Minimal Modern CSS Framework

Find below styles that you can apply to a table.

Default Table

By default tables are responsive and occupies full width of the container.

Employee Job Title Salary
John Saddington Software Engineer $1
Tom McFarlin Development Lead $100K
Jared Erickson Test Lead $100K
Chris Ames Product Manager $100K
<!-- TODO -->

Striped Table

Use the .table-striped class to apply a zebra stripe style to the table.

Employee Job Title Salary
John Saddington Software Engineer $1
Tom McFarlin Development Lead $100K
Jared Erickson Test Lead $100K
Chris Ames Product Manager $100K
<!-- TODO -->

Horizontally Scrolling Table

Use the .table-auto class to allow table to occupy width as needed and scroll horizontally when it can't fit inside container. You may need to resize the window to see the scroll on table.

Employee Job Title Salary Rating Join Date
John Saddington Software Engineer $1 68% 10th October 2013
Tom McFarlin Development Lead $100,000 98% 6th September 2005
Jared Erickson Test Lead $100,000 98% 25th March 2006
Chris Ames Product Manager $100,000 98% 7th September 2005
<!-- TODO -->

Want to contribute to the documentation? Edit this page on Github.