Default Tables

Examples of default tables.

Basic Table

Add class table to <table> to get basic table.

2016ChromeIEFirefoxSafariOpera
April70.4 %5.8 %17.5 %3.7 %1.3 %
March69.9 %6.1 %17.8 %3.6 %1.3 %
February69.0 %6.2 %18.6 %3.7 %1.3 %
January68.4 %6.2 %18.8 %3.7 %1.4 %
Striped Rows

Add class table-striped to get stripped rows insed table body.

2016ChromeIEFirefoxSafariOpera
April70.4 %5.8 %17.5 %3.7 %1.3 %
March69.9 %6.1 %17.8 %3.6 %1.3 %
February69.0 %6.2 %18.6 %3.7 %1.3 %
January68.4 %6.2 %18.8 %3.7 %1.4 %
Table Bordered

Add class table-bordered to get bordered table style.

2016ChromeIEFirefoxSafariOpera
April70.4 %5.8 %17.5 %3.7 %1.3 %
March69.9 %6.1 %17.8 %3.6 %1.3 %
February69.0 %6.2 %18.6 %3.7 %1.3 %
January68.4 %6.2 %18.8 %3.7 %1.4 %
Table Hover

Add class table-hover to get background on hover.

2016ChromeIEFirefoxSafariOpera
April70.4 %5.8 %17.5 %3.7 %1.3 %
March69.9 %6.1 %17.8 %3.6 %1.3 %
February69.0 %6.2 %18.6 %3.7 %1.3 %
January68.4 %6.2 %18.8 %3.7 %1.4 %
Light Heading

Add class table-head-light to get table with light heading.

2016ChromeIEFirefoxSafariOpera
April70.4 %5.8 %17.5 %3.7 %1.3 %
March69.9 %6.1 %17.8 %3.6 %1.3 %
February69.0 %6.2 %18.6 %3.7 %1.3 %
January68.4 %6.2 %18.8 %3.7 %1.4 %
Custom Heading

Add class table-head-custom to get custom head style.

2016ChromeIEFirefoxSafariOpera
April70.4 %5.8 %17.5 %3.7 %1.3 %
March69.9 %6.1 %17.8 %3.6 %1.3 %
February69.0 %6.2 %18.6 %3.7 %1.3 %
January68.4 %6.2 %18.8 %3.7 %1.4 %
Table Inside Block

Add your table inside block to get table as part of block.

2016ChromeIEFirefoxSafariOpera
April70.4 %5.8 %17.5 %3.7 %1.3 %
March69.9 %6.1 %17.8 %3.6 %1.3 %
February69.0 %6.2 %18.6 %3.7 %1.3 %
January68.4 %6.2 %18.8 %3.7 %1.4 %
Bordered inside

We carried about all features that you need.

2016ChromeIEFirefoxSafariOpera
April70.4 %5.8 %17.5 %3.7 %1.3 %
March69.9 %6.1 %17.8 %3.6 %1.3 %
February69.0 %6.2 %18.6 %3.7 %1.3 %
January68.4 %6.2 %18.8 %3.7 %1.4 %
Using Template Features

Its possible to use all features inside table

useraboutbirthdateroleactions
Juan Obrien UI/UX Designer

Lorem ipsum dolor sit
Aliquam in vestibulum nibh. Phasellus iaculis tristique nulla. Cras eu nisi felis.

25/12/1988
John Doe Web Developer

Lorem ipsum dolor sit
Aliquam in vestibulum nibh. Phasellus iaculis tristique nulla. Cras eu nisi felis.

14/02/1989

Lorem ipsum dolor sit
Aliquam in vestibulum nibh. Phasellus iaculis tristique nulla. Cras eu nisi felis.

09/12/1991

Lorem ipsum dolor sit
Aliquam in vestibulum nibh. Phasellus iaculis tristique nulla. Cras eu nisi felis.

09/12/1990
Table Responsive

Wrap your table in table-responsive to get responsive table.

2016ChromeIEFirefoxSafariOpera
April70.4 %5.8 %17.5 %3.7 %1.3 %
March69.9 %6.1 %17.8 %3.6 %1.3 %
February69.0 %6.2 %18.6 %3.7 %1.3 %
January68.4 %6.2 %18.8 %3.7 %1.4 %

Notifications

7 new, latest: July 19, 2016 at 10:14:32.

Product Delivered delivered

#SPW-955-18 to st. StreetName SA, USA.

19/07/2016 10:14:32 AM

Successful Payment success

Payment for order #SPW-955-17: $145.44.

19/07/2016 09:55:12 AM

New Order #SPW-955-17 waiting

Added new order, waiting for payment. Order details.

19/07/2016 09:51:55 AM

Money Back Request return

#SPW-955-17 return requested. Request details.

19/07/2016 08:44:51 AM

The critical amount of product important

Product: Extra Awesome Product (amount: 2). Storehouse.

19/07/2016 08:30:00 AM

Product Delivery Start delivering

#SPW-955-18 to st. StreetName SA, USA.

18/07/2016 06:14:32 PM

Critical Server Load server

Disk space: 248.1Gb/250Gb. Control panel.

18/07/2016 06:14:32 PM

Settings

Notification Settings