Basic Table

FirstnameLastnameEmail
JohnDoejohn@example.com
MaryMoemary@example.com
JulyDooleyjuly@example.com
Striped Rows
FirstnameLastnameEmail
JohnDoejohn@example.com
MaryMoemary@example.com
JulyDooleyjuly@example.com
Bordered Table
FirstnameLastnameEmail
JohnDoejohn@example.com
MaryMoemary@example.com
JulyDooleyjuly@example.com
Borderless Table
FirstnameLastnameEmail
JohnDoejohn@example.com
MaryMoemary@example.com
JulyDooleyjuly@example.com
Hover Rows
FirstnameLastnameEmail
JohnDoejohn@example.com
MaryMoemary@example.com
JulyDooleyjuly@example.com
Contextual Classes
FirstnameLastnameEmail
DefaultDefaultsondef@somemail.com
PrimaryDoejohn@example.com
SecondaryMoemary@example.com
SuccessDooleyjuly@example.com
DangerRefsbo@example.com
WarningActivesonact@example.com
InfoActivesonact@example.com
LightActivesonact@example.com
DarkActivesonact@example.com
Responsive Tables
#FirstnameLastnameAgeCityCountry
1AnnaPitt35New YorkUSA
1AnnaPitt35New YorkUSA
1AnnaPitt35New YorkUSA
1AnnaPitt35New YorkUSA
1AnnaPitt35New YorkUSA
1AnnaPitt35New YorkUSA
1AnnaPitt35New YorkUSA
1AnnaPitt35New YorkUSA
1AnnaPitt35New YorkUSA
Table Without Borders
User NameTransaction IdCreatedStatus
Harshrath#5182-346724 May 2022Fixed
Zozo Hadid#5182-341202 July 2022In Progress
Martiana#5182-342315 April 2022Completed
Alex Carey#5182-345617 March 2022Pending
Striped rows
IDDateCustomerAction
2022R-0127-010-2022Moracco
2022R-0228-10-2022Thornton
2022R-0322-10-2022Larry Bird
2022R-0429-09-2022Erica Sean
Striped columns
IDDateCustomerAction
2022R-0127-010-2022Moracco
2022R-0228-10-2022Thornton
2022R-0322-10-2022Larry Bird
2022R-0429-09-2022Erica Sean
Small Tables
InvoiceCreated DateStatusAction
25-Apr-2021Paid
29-April-2022Pending
30-Nov-2022Paid
01-Jan-2022Paid
14-Feb-2022Pending
Table Head Primary
User NameTransaction IdCreatedStatus
Harshrath#5182-346724 May 2022
Zozo Hadid#5182-341202 July 2022
Martiana#5182-342315 April 2022
Alex Carey#5182-345617 March 2022
Hoverable Rows
Product ManagerCategoryTeamStatus
img
Joanna Smith
joannasmith14@example.com
Fashion
img
Kara Kova
milesakara@example.com
Clothing
img
Donald Trimb
donaldo21@example.com
Electronics
img
Justin Gaethje
justingae@example.com
Sports
Hoverable rows With striped rows
InvoiceCustomerStatusDate
IN-2032
img
Mark Cruise
markcruise24@example.com
PaidJul 26,2022
IN-2022
img
Charanjeep
charanjeep@gmail.in
PaidMar 14,2022
IN-2014
img
Samantha Julie
julie453@example.com
CancelledFeb 1,2022
IN-2036
img
Simon Cohen
simon@example.com
RefundedApr 24,2022
Always responsive
Team HeadCategoryRoleGmailTeamWork ProgressRevenueAction
imgMayor Kelly
ManufacturerTeam Leadmayorkrlly@example.com
$10,984.29
imgAndrew Garfield
Managing DirectorDirectorandrewgarfield@example.com
$1.4billion
imgSimon Cowel
Service ManagerManagersimoncowel234@example.com
$7,123.21
imgMirinda Hers
RecruiterEmployeemirindahers@example.com
$2,325.45
Primary Table
#FirstLastHandle
1MarkOtto@mdo
2JacobThornton@fat
3Larry the BirdThornton@twitter
Table head options
#thead-primaryLast NameUsernameRole
#thead-secondaryLast NameUsernameRole
#thead-successLast NameUsernameRole
#thead-warningLast NameUsernameRole
#thead-infoLast NameUsernameRole
#thead-dangerLast NameUsernameRole
#thead-darkLast NameUsernameRole
#thead-lightLast NameUsernameRole