Tables - Static

Table Styles
# Picture Description Info Date Size
1 Palo Alto

Type:   JPEG

Dimensions:   200x150

September 14, 2012 45.6 KB
2 The Sky

Type:   PSD

Dimensions:   2400x1455

November 14, 2012 15.3 MB
3 Down the road
INFO!

Type:   JPEG

Dimensions:   200x150

September 14, 2012 49.0 KB
4 The Edge

Type:   PNG

Dimensions:   210x160

September 15, 2012 69.1 KB
5 Fortress

Type:   JPEG

Dimensions:   1452x1320

October 1, 2012 2.3 MB

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-overlay 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