FreshUI - Premium Web App and Admin Template
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 [email protected] VIP Lifetime
2 client2 [email protected] Trial in 1 month
3 client3 [email protected] Business in 1 year
4 client4 [email protected] Personal Lifetime
5 client5 [email protected] Personal in 1 year
6 client6 [email protected] VIP in 6 months
7 client7 [email protected] Trial in 3 days
8 client8 [email protected] Personal in 3 months
9 client9 [email protected] Business in 2 weeks
10 client10 [email protected] 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 [email protected] VIP
2 client2 [email protected] Trial
3 client3 [email protected] Business
4 client4 [email protected] Personal
5 client5 [email protected] Personal
6 client6 [email protected] VIP
7 client7 [email protected] Trial
8 client8 [email protected] Personal
9 client9 [email protected] Business
10 client10 [email protected] Business