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 [email protected] Pending
2 Jacob Thornton [email protected] Unconfirmed
3 Larry the Bird [email protected] New
4 Peter Horadnia [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-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