1. YOU ARE HERE
  2. Tables Basic

Tables - Static

Table Styles

PictureDescription
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 NameLast NameInfo
MarkOttoOnline
Jacob ALERT!ThorntonAway
Larrythe BirdConstruct


Hover Table

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

#First NameLast NameEmailStatus
1MarkOtto[email protected]Pending
2JacobThornton[email protected]Unconfirmed
3Larrythe Bird[email protected]New
4PeterHoradnia[email protected]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.

ProductPriceSales
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

ProductPriceSales
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