Table Examples

Table in white block

You can put a table tag inside an .block class div and add .table class to it to get something like this:

Customer Orders Location Status Order Total
John Mayers 12 Pending $354
Kelly Brans 45 Success $94
Tim Howard 112 Success $156
Joe Trulli 1,256 Pending $1,120
Fred Kolton 74 Over Due $74
Table in transparent block

You can add .bg-trans and .block class to main div to get something like this:

Customer Orders Location Status Order Total
John Mayers 12 Pending $354
Kelly Brans 45 Success $94
Tim Howard 112 Success $156
Joe Trulli 1,256 Pending $1,120
Fred Kolton 74 Over Due $74
Table Striped

You can add class .table-striped and .table to a table element to get striped table:

Customer Orders Location Status Order Total
John Mayers 12 Pending $354
Kelly Brans 45 Success $94
Tim Howard 112 Success $156
Joe Trulli 1,256 Pending $1,120
Fred Kolton 74 Over Due $74
Table Bordered

You can add class .table-bordered and .table to a table element to get bordered table:

Customer Orders Location Status Order Total
John Mayers 12 Pending $354
Kelly Brans 45 Success $94
Tim Howard 112 Success $156
Joe Trulli 1,256 Pending $1,120
Fred Kolton 74 Over Due $74
Top Navigation
Side Navigation