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 |