Basic Tables

Basic Table

Firstname Lastname Email
John Doe john@example.com
Mary Moe mary@example.com
July Dooley july@example.com
Striped Rows
Firstname Lastname Email
John Doe john@example.com
Mary Moe mary@example.com
July Dooley july@example.com
Bordered Table
Firstname Lastname Email
John Doe john@example.com
Mary Moe mary@example.com
July Dooley july@example.com
Borderless Table
Firstname Lastname Email
John Doe johnexample.com
Mary Moe maryexample.com
July Dooley julyexample.com
Hover Rows
Firstname Lastname Email
John Doe john@example.com
Mary Moe mary@example.com
July Dooley july@example.com
Contextual Classes
Firstname Lastname Email
Default Defaultson def@somemail.com
Primary Doe john@example.com
Secondary Moe mary@example.com
Success Dooley july@example.com
Danger Refs bo@example.com
Warning Activeson act@example.com
Info Activeson act@example.com
Light Activeson act@example.com
Dark Activeson act@example.com
Responsive Tables
# Firstname Lastname Age City Country
1 Anna Pitt 35 New York USA
1 Anna Pitt 35 New York USA
1 Anna Pitt 35 New York USA
1 Anna Pitt 35 New York USA
1 Anna Pitt 35 New York USA
1 Anna Pitt 35 New York USA
1 Anna Pitt 35 New York USA
1 Anna Pitt 35 New York USA
1 Anna Pitt 35 New York USA
Table Without Borders
User Name Transaction Id Created Status
Harshrath #5182-3467 24 May 2022 Fixed
Zozo Hadid #5182-3412 02 July 2022 In Progress
Martiana #5182-3423 15 April 2022 Completed
Alex Carey #5182-3456 17 March 2022 Pending
Striped rows
ID Date Customer Action
2022R-01 27-010-2022 Moracco
2022R-02 28-10-2022 Thornton
2022R-03 22-10-2022 Larry Bird
2022R-04 29-09-2022 Erica Sean
Striped columns
ID Date Customer Action
2022R-01 27-010-2022 Moracco
2022R-02 28-10-2022 Thornton
2022R-03 22-10-2022 Larry Bird
2022R-04 29-09-2022 Erica Sean
Small Tables
Invoice Created Date Status Action
25-Apr-2021 Paid
29-April-2022 Pending
30-Nov-2022 Paid
01-Jan-2022 Paid
14-Feb-2022 Pending
Table Head Primary
User Name Transaction Id Created Status
Harshrath #5182-3467 24 May 2022
Zozo Hadid #5182-3412 02 July 2022
Martiana #5182-3423 15 April 2022
Alex Carey #5182-3456 17 March 2022
Hoverable Rows
Product Manager Category Team Status
img
Joanna Smith
joannasmith14gmail.com
Fashion
img img img +5
img
Kara Kova
milesakaragmail.com
Clothing
img img +6
img
Donald Trimb
donaldo21gmail.com
Electronics
img img img +2
img
Justin Gaethje
justingaegmail.com
Sports
img img +5
Hoverable rows With striped rows
Invoice Customer Status Date
IN-2032
img
Mark Cruise
markcruise24gmail.com
Paid Jul 26,2022
IN-2022
img
Charanjeep
charanjeepgmail.in
Paid Mar 14,2022
IN-2014
img
Samantha Julie
julie453gmail.com
Cancelled Feb 1,2022
IN-2036
img
Simon Cohen
simongmail.com
Refunded Apr 24,2022
Always responsive
Team Head Category Role Gmail Team Work Progress Revenue Action
img Mayor Kelly
Manufacturer Team Lead mayorkrllygmail.com
img img img +4
$10,984.29
img Andrew Garfield
Managing Director Director andrewgarfieldgmail.com
img img img img +4
$1.4billion
img Simon Cowel
Service Manager Manager simoncowel234gmail.com
img img +10
$7,123.21
img Mirinda Hers
Recruiter Employee mirindahersgmail.com
img img img +6
$2,325.45
Primary Table
# First Last Handle
1 Mark Otto mdo
2 Jacob Thornton fat
3 Larry the Bird Thornton twitter
Table head options
# thead-primary Last Name Username Role
# thead-secondary Last Name Username Role
# thead-success Last Name Username Role
# thead-warning Last Name Username Role
# thead-info Last Name Username Role
# thead-danger Last Name Username Role
# thead-dark Last Name Username Role
# thead-light Last Name Username Role