Basic Table
| # | Team | Details | Sales | Price | Total |
|---|---|---|---|---|---|
|
Project 1
Scott Ortega |
Lorem Ipsum is dummy text of the and typesetting industry. | 11,200 | $83 | $22,520 |
|
Project 2
Louis Little |
Lorem Ipsum is simply text of the printing and typesetting industry. | 11,200 | $66 | $13,205 |
|
Project 3
Mike |
Lorem is simply dummy text of the printing and typesetting industry. | 12,080 | $93 | $17,700 |
|
Project 4
Lori Kelley |
Lorem Ipsum is simply dummy text of the printing and typesetting industry. | 18,200 | $178 | $17,700 |
|
Project 5
David McCoy |
Lorem Ipsum is simply dummy text of the printing and industry. | 12,080 | $93 | $17,700 |
| # | Product | Popularity | Sales |
|---|---|---|---|
| 1 | Home Decor Range |
|
70% |
| 2 | Bathroom Essentials |
|
70% |
| 3 | Disney Princess Pink 18' School Bag |
|
70% |
| 4 | iPhone XS and XS Max |
|
70% |
| 5 | Apple Smartwatches |
|
70% |
Basic Table Basic example without any additional modification classes
| # | FIRST NAME | LAST NAME | USERNAME |
|---|---|---|---|
| 1 | Mark | Otto | @mdo |
| 2 | Jacob | Thornton | @fat |
| 3 | Larry | the Bird | |
| 4 | Larry | Jellybean | @lajelly |
| 5 | Larry | Kikat | @lakitkat |
Striped Rows Use .table-striped to add zebra-striping to any table row within the <tbody>
| # | FIRST NAME | LAST NAME | USERNAME |
|---|---|---|---|
| 1 | Mark | Otto | @mdo |
| 2 | Jacob | Thornton | @fat |
| 3 | Larry | the Bird | |
| 4 | Larry | Jellybean | @lajelly |
| 5 | Larry | Kikat | @lakitkat |
Bordered Table Add .table-bordered for borders on all sides of the table and cells.
| # | FIRST NAME | LAST NAME | USERNAME |
|---|---|---|---|
| 1 | Mark | Otto | @mdo |
| 2 | Jacob | Thornton | @fat |
| 3 | Larry | the Bird | |
| 4 | Larry | Jellybean | @lajelly |
| 5 | Larry | Kikat | @lakitkat |
Hover Rows Add .table-hover to enable a hover state on table rows within a <tbody>.
| # | FIRST NAME | LAST NAME | USERNAME |
|---|---|---|---|
| 1 | Mark | Otto | @mdo |
| 2 | Jacob | Thornton | @fat |
| 3 | Larry | the Bird | |
| 4 | Larry | Jellybean | @lajelly |
| 5 | Larry | Kikat | @lakitkat |