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-striped it.

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-hover is 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-bordered to 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-overflow inside 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
Light Blue 4.0 Ajax Version - Made by Flatlogic