Tables styles in MM.css - Minimal Modern CSS Framework
Find below styles that you can apply to a 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 -->
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 -->
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.