• WebPro
  • Log Out
Notifications
Progress Stats
Online Users
Storage Space

Basic Tables

Normal Tables

Adds borders to any table row within <table> by adding the .table-bordered with the base class

Column name Column name Column name Column name
Row 1 Row 2 Row 3 Row 4
Row 1 Row 2 Row 3 Row 4
Row 1 Row 2 Row 3 Row 4
Row 1 Row 2 Row 3 Row 4
Row 1 Row 2 Row 3 Row 4
Row 1 Row 2 Row 3 Row 4

No Padding

Adds zebra-striping to table row within <table> by adding the .table-striped with the base class
Column name Column name Column name Column name
Row 1 Row 2 Row 3 Row 4
Row 1 Row 2 Row 3 Row 4
Row 1 Row 2 Row 3 Row 4
Row 1 Row 2 Row 3 Row 4
Row 1 Row 2 Row 3 Row 4
Row 1 Row 2 Row 3 Row 4

Table hover States

Enables hover effect <table> by adding the .table-hover with the base class
# First Name Last Name Username
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter
4 Wise Man @myorange

Table TR with Color

Add custom colors to your TR and TD <tr> by adding .success, .danger, .warning and .info respectively
# Product Payment Taken Status
1 TB - Monthly 01/03/2014 Approved
2 TB - Monthly 02/03/2014 Declined
3 TB - Monthly 03/03/2014 Pending
4 TB - Monthly 04/03/2014 Call in to confirm

Condenced table + combined prev. classes

A combined table effect with all classes mentioned above added to <table>. .table-bordered .table-striped .table-condensed .table-hover .smart-form .has-tickbox
Column name Column name Column name Column name
Row 1 Row 2 Row 3 Row 4
Row 1 Row 2 Row 3 Row 4
Row 1 Row 2 Row 3 Row 4
Row 1 Row 2 Row 3 Row 4
Row 1 Row 2 Row 3 Row 4
Row 1 Row 2 Row 3 Row 4