Basic Table
Add class .table
# | Task | Progress | Label |
---|---|---|---|
1. | Update software |
|
55% |
2. | Clean database |
|
70% |
3. | Cron job running |
|
30% |
4. | Fix and squish bugs |
|
90% |
Table Hover
Add class .table-hover
# | Products | Popularity | Sales |
---|---|---|---|
1. | Milk Powder |
|
55% |
2. | Air Conditioner |
|
70% |
3. | RC Cars |
|
30% |
4. | Down Coat |
|
90% |
Bordered Table
# | Task | Progress | Deadline | Label |
---|---|---|---|---|
1. | Update software |
|
May 15, 2017 | 55% |
2. | Clean database |
|
May 15, 2017 | 70% |
3. | Cron job running |
|
May 15, 2017 | 30% |
4. | Fix and squish bugs |
|
May 15, 2017 | 90% |
# | Task | Progress | Deadline | Label |
---|---|---|---|---|
1. | Update software |
|
Apr 12, 2017 | 55% |
2. | Clean database |
|
Apr 12, 2017 | 70% |
3. | Cron job running |
|
Apr 12, 2017 | 30% |
4. | Fix and squish bugs |
|
Apr 12, 2017 | 90% |
Striped Full Width Table Striped rows
# | Task | Progress | Deadline | Label |
---|---|---|---|---|
1. | Update software |
|
Apr 12, 2017 | 55% |
2. | Clean database |
|
Apr 12, 2017 | 70% |
3. | Cron job running |
|
Apr 12, 2017 | 30% |
4. | Fix and squish bugs |
|
Apr 12, 2017 | 90% |
Responsive Hover Table
Invoice | User | Date | Amount | Status | Country |
---|---|---|---|---|---|
Order #123456 | Lorem Ipsum | Oct 16, 2017 | $158.00 | Pending | CH |
Order #458789 | Lorem Ipsum | Oct 16, 2017 | $55.00 | Shipped | US |
Order #84532 | Lorem Ipsum | Oct 16, 2017 | $845.00 | Prossing | IG |
Order #48956 | Lorem Ipsum | Oct 16, 2017 | $145.00 | Paid | EN |
Order #92154 | Lorem Ipsum | Oct 16, 2017 | $450.00 | Shipped | UK |