Also see the official documentation
Documentation and examples for opt-in styling of tables (given their prevalent use in JavaScript plugins) with Bootstrap.
An example for displaying common tabular data. Use .table-striped-light to add zebra-striping to any table row within the <tbody>. Add .table-bordered for a table with borders.
| # | Posted on | Amount | Reward Type |
|---|---|---|---|
| 1 | 01-18-2019 01:00 | 100 iRewards | Discover Reviews |
| 2 | 01-17-2019 01:00 | 100 iRewards | Discover Reviews |
| 3 | 01-16-2019 01:00 | 100 iRewards | Discover Reviews |
Use .table-striped-light to add more lighted zebra-striping.
| # | Posted on | Amount | Reward Type |
|---|---|---|---|
| 1 | 01-18-2019 01:00 | 100 iRewards | Discover Reviews |
| 2 | 01-17-2019 01:00 | 100 iRewards | Discover Reviews |
| 3 | 01-16-2019 01:00 | 100 iRewards | Discover Reviews |
Add .table-bordered for borders on all sides of the table and cells.
| Month | Qualified or Not |
|---|---|
| January | Yes |
| February | Yes |
| March | No |
| April | Yes |
| May | No |
Add .table-hover to enable a hover state on table rows within a <tbody>. Used for table rows for which click action is available.
| # | First | Last | Handle |
|---|---|---|---|
| 1 | Mark | Otto | @mdo |
| 2 | Jacob | Thornton | @fat |
| 3 | Larry the Bird | Value |
Add .table-sm to make tables more compact.
| # | First | Last | Handle |
|---|---|---|---|
| 1 | Mark | Otto | @mdo |
| 2 | Jacob | Thornton | @fat |
| 3 | Larry the Bird | Value |
Add .table-card-outside for remove padding for parent card.
| # | First | Last | Handle |
|---|---|---|---|
| 1 | Mark | Otto | @mdo |
| 2 | Jacob | Thornton | @fat |
| 3 | Larry the Bird | Value |
Proportional indents system for table cells with data titles. Use spacing classes to indent table cells.
| Title of statistics | June 05, 2019 | June 06, 2019 | June 07, 2019 | June 08, 2019 |
|---|---|---|---|---|
|
Total iCash Earned Today (Commissions + iPayments)
|
$2,262.38
|
$2,272.04
|
$241.57
|
$0.00
|
|
Total Commissions Earned Today
|
$2,257.14
|
$2,266.72
|
$239.20
|
$0.00
|
|
Level 1 Commissions Earned Today
|
$76.00
|
$77.78
|
$0.00
|
$0.00
|
|
Fast Start Bonus Earned Today
|
$0.00
|
$0.00
|
$0.00
|
$0.00
|
|
Sales Volume Bonus Earned Today
|
$38.00
|
$38.89
|
$0.00
|
$0.00
|
Guideline