Need Help ?

Submit enquiry here Buy Now

Bootstrap Styling Tables

  2. Bootstrap Tables
  3. Bootstrap Styling Tables
Defult Styling
use class table table-styling inside table element
# First Name Last Name Username
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter
Table head options
Use class.table-primary inside thead tr element.
# First Name Last Name Username
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter
Table head options With Primary Background
Use background classes.bg-*and table-primary,table-secondary,table-success,table-danger ,table-info,table-warning to make custom thead background. You can also use Stack Admin color palette classes for background.
# First Name Last Name Username
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter
# First Name Last Name Username
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter
Table Footer Styling
Use class table-info,table-success,table-success,table-info,table-danger,table-primary,table-secondary,table-light,table-activeand also use bg-* inside tfoot element.
# First Name Last Name Username
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter
Custom Table Color
Use classtable-* inside table element.
# First Name Last Name Username
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Jacob Thornton @fat
Custom Table Color with Hover and Stripped
Use classtable-hover, table-striped table-*table-info,table-success,table-success,table-info,table-danger,table-primary,table-secondary,table-light,table-active inside table element.
# First Name Last Name Username
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter
3 Larry the Bird @twitter
3 Larry the Bird @twitter
Preview Settings

Try It Real Time

Layout Type
    • LTR
    • RTL
    • Box
Sidebar Type
Unlimited Color
Light layout
Dark Layout
Mix Layout