Basic Table

Add class .table

# First Name LAST NAME USERNAME
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter
4 Larry Jellybean @lajelly
5 Larry Kikat @lakitkat
Hoverable Table

Add class .table-hover

# First Name LAST NAME USERNAME
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter
4 Larry Jellybean @lajelly
5 Larry Kikat @lakitkat
Bordered table

Add class .table-bordered

# Name Progress Salary Start date
1 Cedric Kelly
$206,850 June 21, 2022
2 Haley Kennedy
$313,500 May 15, 2022
3 Bradley Greer
$132,000 Apr 12, 2022
4 Brenden Wagner
$206,850 June 21, 2022
5 Bruno Nash
$163,500 January 01, 2022
6 Sonya Frost
$103,600 July 18, 2022
7 Zenaida Frank
$313,500 March 22, 2022

Striped Table

Add class .table-striped

User Name Progress Salary Start date
image Cedric Kelly
$206,850 June 21, 2022
image Haley Kennedy
$313,500 May 15, 2022
image Bradley Greer
$132,000 Apr 12, 2022
image Brenden Wagner
$206,850 June 21, 2022
image Bruno Nash
$163,500 January 01, 2022
image Sonya Frost
$103,600 July 18, 2022
image Zenaida Frank
$313,500 March 22, 2022

Inverse table

Add class .table-dark

# Name Salary Start date
1 Cedric Kelly $206,850 June 21, 2022
2 Haley Kennedy $313,500 May 15, 2022
3 Bradley Greer $132,000 Apr 12, 2022
4 Brenden Wagner $206,850 June 21, 2022
5 Bruno Nash $163,500 January 01, 2022
6 Sonya Frost $103,600 July 18, 2022
7 Zenaida Frank $313,500 March 22, 2022

Table with contextual classes

Add class .table-{color}

# Name Product Salary Start date
1 Cedric Kelly Photoshop $206,850 June 21, 2022
2 Haley Kennedy Flash $313,500 May 15, 2022
3 Bradley Greer Premeire $132,000 Apr 12, 2022
4 Brenden Wagner After effects $206,850 June 21, 2022
5 Bruno Nash Illustrator $163,500 January 01, 2022

Copyright © 2022 NobleUI.

Handcrafted With