Table

Table can be used to show a list of data in a table format.

Class name
Type
table Component For <table> element
table-zebra
Modifier
For <table> to show zebra stripe rows
table-pin-rows
Modifier
For <table> to make all the rows inside <thead> and <tfoot> sticky
table-pin-cols
Modifier
For <table> to make all the <th> columns sticky
table-xs
Responsive
Extra small size
table-sm
Responsive
Small size
table-md
Responsive
Normal size
table-lg
Responsive
Large size
# Table
Name Job Favorite Color
1 Cy Ganderton Quality Control Specialist Blue
2 Hart Hagerty Desktop Support Technician Purple
3 Brice Swyre Tax Accountant Red
# Table with an active row
Name Job Favorite Color
1 Cy Ganderton Quality Control Specialist Blue
2 Hart Hagerty Desktop Support Technician Purple
3 Brice Swyre Tax Accountant Red
# Table with a row that highlights on hover
Name Job Favorite Color
1 Cy Ganderton Quality Control Specialist Blue
2 Hart Hagerty Desktop Support Technician Purple
3 Brice Swyre Tax Accountant Red
# Zebra
Name Job Favorite Color
1 Cy Ganderton Quality Control Specialist Blue
2 Hart Hagerty Desktop Support Technician Purple
3 Brice Swyre Tax Accountant Red
# Table with visual elements
Name Job Favorite Color
Avatar Tailwind CSS Component
Hart Hagerty
United States
Zemlak, Daniel and Leannon
Desktop Support Technician
Purple
Avatar Tailwind CSS Component
Brice Swyre
China
Carroll Group
Tax Accountant
Red
Avatar Tailwind CSS Component
Marjy Ferencz
Russia
Rowe-Schoen
Office Assistant I
Crimson
Avatar Tailwind CSS Component
Yancy Tear
Brazil
Wyman-Ledner
Community Outreach Specialist
Indigo
Name Job Favorite Color
# Table xs
Name Job company location Last Login Favorite Color
1 Cy Ganderton Quality Control Specialist Littel, Schaden and Vandervort Canada 12/16/2020 Blue
2 Hart Hagerty Desktop Support Technician Zemlak, Daniel and Leannon United States 12/5/2020 Purple
3 Brice Swyre Tax Accountant Carroll Group China 8/15/2020 Red
4 Marjy Ferencz Office Assistant I Rowe-Schoen Russia 3/25/2021 Crimson
5 Yancy Tear Community Outreach Specialist Wyman-Ledner Brazil 5/22/2020 Indigo
6 Irma Vasilik Editor Wiza, Bins and Emard Venezuela 12/8/2020 Purple
7 Meghann Durtnal Staff Accountant IV Schuster-Schimmel Philippines 2/17/2021 Yellow
8 Sammy Seston Accountant I O'Hara, Welch and Keebler Indonesia 5/23/2020 Crimson
9 Lesya Tinham Safety Technician IV Turner-Kuhlman Philippines 2/21/2021 Maroon
10 Zaneta Tewkesbury VP Marketing Sauer LLC Chad 6/23/2020 Green
11 Andy Tipple Librarian Hilpert Group Poland 7/9/2020 Indigo
12 Sophi Biles Recruiting Manager Gutmann Inc Indonesia 2/12/2021 Maroon
13 Florida Garces Web Developer IV Gaylord, Pacocha and Baumbach Poland 5/31/2020 Purple
14 Maribeth Popping Analyst Programmer Deckow-Pouros Portugal 4/27/2021 Aquamarine
15 Moritz Dryburgh Dental Hygienist Schiller, Cole and Hackett Sri Lanka 8/8/2020 Crimson
16 Reid Semiras Teacher Sporer, Sipes and Rogahn Poland 7/30/2020 Green
17 Alec Lethby Teacher Reichel, Glover and Hamill China 2/28/2021 Khaki
18 Aland Wilber Quality Control Specialist Kshlerin, Rogahn and Swaniawski Czech Republic 9/29/2020 Purple
19 Teddie Duerden Staff Accountant III Pouros, Ullrich and Windler France 10/27/2020 Aquamarine
20 Lorelei Blackstone Data Coordinator Witting, Kutch and Greenfelder Kazakhstan 6/3/2020 Red
Name Job company location Last Login Favorite Color
# Table with pinned-rows
A
Ant-Man
Aquaman
Asterix
The Atom
The Avengers
B
Batgirl
Batman
Batwoman
Black Canary
Black Panther
C
Captain America
Captain Marvel
Catwoman
Conan the Barbarian
D
Daredevil
The Defenders
Doc Savage
Doctor Strange
E
Elektra
F
Fantastic Four
G
Ghost Rider
Green Arrow
Green Lantern
Guardians of the Galaxy
H
Hawkeye
Hellboy
Incredible Hulk
I
Iron Fist
Iron Man
M
Marvelman
R
Robin
The Rocketeer
S
The Shadow
Spider-Man
Sub-Mariner
Supergirl
Superman
T
Teenage Mutant Ninja Turtles
Thor
W
The Wasp
Watchmen
Wolverine
Wonder Woman
X
X-Men
Z
Zatanna
Zatara
# Table with pinned-rows and pinned-cols
Name Job company location Last Login Favorite Color
1 Cy Ganderton Quality Control Specialist Littel, Schaden and Vandervort Canada 12/16/2020 Blue 1
2 Hart Hagerty Desktop Support Technician Zemlak, Daniel and Leannon United States 12/5/2020 Purple 2
3 Brice Swyre Tax Accountant Carroll Group China 8/15/2020 Red 3
4 Marjy Ferencz Office Assistant I Rowe-Schoen Russia 3/25/2021 Crimson 4
5 Yancy Tear Community Outreach Specialist Wyman-Ledner Brazil 5/22/2020 Indigo 5
6 Irma Vasilik Editor Wiza, Bins and Emard Venezuela 12/8/2020 Purple 6
7 Meghann Durtnal Staff Accountant IV Schuster-Schimmel Philippines 2/17/2021 Yellow 7
8 Sammy Seston Accountant I O'Hara, Welch and Keebler Indonesia 5/23/2020 Crimson 8
9 Lesya Tinham Safety Technician IV Turner-Kuhlman Philippines 2/21/2021 Maroon 9
10 Zaneta Tewkesbury VP Marketing Sauer LLC Chad 6/23/2020 Green 10
11 Andy Tipple Librarian Hilpert Group Poland 7/9/2020 Indigo 11
12 Sophi Biles Recruiting Manager Gutmann Inc Indonesia 2/12/2021 Maroon 12
13 Florida Garces Web Developer IV Gaylord, Pacocha and Baumbach Poland 5/31/2020 Purple 13
14 Maribeth Popping Analyst Programmer Deckow-Pouros Portugal 4/27/2021 Aquamarine 14
15 Moritz Dryburgh Dental Hygienist Schiller, Cole and Hackett Sri Lanka 8/8/2020 Crimson 15
16 Reid Semiras Teacher Sporer, Sipes and Rogahn Poland 7/30/2020 Green 16
17 Alec Lethby Teacher Reichel, Glover and Hamill China 2/28/2021 Khaki 17
18 Aland Wilber Quality Control Specialist Kshlerin, Rogahn and Swaniawski Czech Republic 9/29/2020 Purple 18
19 Teddie Duerden Staff Accountant III Pouros, Ullrich and Windler France 10/27/2020 Aquamarine 19
20 Lorelei Blackstone Data Coordinator Witting, Kutch and Greenfelder Kazakhstan 6/3/2020 Red 20
Name Job company location Last Login Favorite Color
Do you have a question? ask the community
Do you see a bug? open an issue on GitHub
Do you like daisyUI? tweet about it!
Support daisyUI's development: Open Collective
daisyUI store

New template: SaaS Landing page

Available on daisyUI store

More details