1. YOU ARE HERE
  2. Tables Basic

Tables - Static

Table Styles

Picture Description
Palo Alto
The Sky
Down the road
INFO!
The Edge
Fortress

Basic table with styled content

Table Styles

Stripped Table

Each row is highlighted. You will never lost there. Just .table-stripedit.

First Name Last Name Info
Mark Otto Online
Jacob ALERT! Thornton Away
Larry the Bird Construct


Hover Table

Trace only what's really important. .table-hoveris made for it.

# First Name Last Name Email Status
1 Mark Otto ottoto@example.com Pending
2 Jacob Thornton fat.thor@example.com Unconfirmed
3 Larry the Bird larry@example.com New
4 Peter Horadnia peter@example.com Active
Table Styles

Bordered Table

Each row is highlighted. You will never lost there. That's how all of us learned in school the table should look like. Just add .table-borderedto it.

Product Price Sales
On the Road $25 224.2
13,14,16,15,4,14,20
HP Core i7 $87 346.1
14,12,16,11,17,19,16
Let's Dance $57 944.6
11,17,19,16,14,12,16
Air Pro $118 533.1
13,14,20,16,15,4,14
Version Control $72 854.5
16,15,4,14,13,14,20
Table Styles

Overflow Table

Add any non-bordered .table within a widget for a seamless design. Awesome look for no cost. Just wrap the table with simple css class .widget-table-overflowinside of widget

Product Price Sales
On the Road $25 224.2
13,14,16,15,4,14,20
HP Core i7 $87 346.1
14,12,16,11,17,19,16
Let's Dance $57 944.6
11,17,19,16,14,12,16
Air Pro $118 533.1
13,14,20,16,15,4,14
Version Control $72 854.5
16,15,4,14,13,14,20