FreshUI FreshUI

Table Styles
Professional looking tables with many style options!

Styles

Just add the class .table and you will get a great styled table! If you would like to make it responsive just wrap it inside an element with the class .table-responsive! Also, you can have various style alterations just by adding some extra classes (.table-bordered .table-borderless .table-striped .table-condensed .table-hover). You can check the various styles offered by clicking the following buttons.

Striped Condensed Hover
# Client Email Subscription Expires Actions
1 client1 client1@company.com VIP Lifetime
2 client2 client2@company.com Trial in 1 month
3 client3 client3@company.com Business in 1 year
4 client4 client4@company.com Personal Lifetime
5 client5 client5@company.com Personal in 1 year
6 client6 client6@company.com VIP in 6 months
7 client7 client7@company.com Trial in 3 days
8 client8 client8@company.com Personal in 3 months
9 client9 client9@company.com Business in 2 weeks
10 client10 client10@company.com Business in 3 months

Row and Cell Styles

You can use the classes .active .success .warning or .danger for styling individual table rows or cells.

# Client Email Subscription Actions
1 client1 client1@company.com VIP
2 client2 client2@company.com Trial
3 client3 client3@company.com Business
4 client4 client4@company.com Personal
5 client5 client5@company.com Personal
6 client6 client6@company.com VIP
7 client7 client7@company.com Trial
8 client8 client8@company.com Personal
9 client9 client9@company.com Business
10 client10 client10@company.com Business