Template > Tables > Tables Basic

Table Styles

Basic table with styled content

# 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

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