Search

Menu Settings

Complex table

Image Description Info Author Views Actions
Full price for gum?!
Size: 196 Kb
Format: .png
Fry 46,67% 5,3,2,-1,-3,-2,2,3,5,2 14
Surrender your mysteries to Zoidberg!
Size: 82 Kb
Format: .jpg
Zoidberg 16,67% 1,1,2,-1,-3,-2,2,4,5,2 21
The point is, by my standards, I won fair and square.
Size: 392 Kb
Format: .png
Bender 26,67% 5,3,2,-1,-3,-2,2,3,5,2 12
File not found?!
Size: 403 Kb
Format: .gif
Fry 7,32% 5,3,2,-1,-3,-2,2,3,5,2 2
I'm Santa Claus!
Size: 546 Kb
Format: .jpg
Simpson 48,33% 5,3,2,-1,-3,-2,2,3,5,2 17
And I'd do it again! And perhaps a third time!!
Size: 294 Kb
Format: .png
Fry 88,22% 5,3,2,-1,-3,-2,2,3,5,2 0
Perfectly symmetrical violence never solved anything.
Size: 9.996 Kb
Format: .psd
Leela 99,67% 5,3,2,-1,-3,-2,2,3,5,2 93

Default Style

For basic styling—light padding and only horizontal dividers—add the base class .table to any <table>.

# First Name Last Name Username
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter

Striped Table

Add .table-striped to the .table base class.

# First Name Last Name Username
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter

Bordered Table

Add .table-bordered to the .table base class.

# First Name Last Name Username
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter

Hover state enabled

Add .table-hover to the .table base class to enable a hover state on table rows.

# First Name Last Name Username
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter

Condensed Table

Add .table-condensed to the .table base class. Makes tables more compact by cutting cell padding in half.

# First Name Last Name Username
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter
4 Larry the Bird @twitter

Table with row class

# Product Payment Taken Status
1 Success 01/04/2012 Approved
2 Error 02/04/2012 Declined
3 Warning 03/04/2012 Pending
4 Info 03/04/2012 Call in to confirm