Table

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

Class name
Type
tableComponent 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
NameJobFavorite Color
1Cy GandertonQuality Control SpecialistBlue
2Hart HagertyDesktop Support TechnicianPurple
3Brice SwyreTax AccountantRed
# Table with an active row
NameJobFavorite Color
1Cy GandertonQuality Control SpecialistBlue
2Hart HagertyDesktop Support TechnicianPurple
3Brice SwyreTax AccountantRed
# Table with a row that highlights on hover
NameJobFavorite Color
1Cy GandertonQuality Control SpecialistBlue
2Hart HagertyDesktop Support TechnicianPurple
3Brice SwyreTax AccountantRed
# Zebra
NameJobFavorite Color
1Cy GandertonQuality Control SpecialistBlue
2Hart HagertyDesktop Support TechnicianPurple
3Brice SwyreTax AccountantRed
# Table with visual elements
NameJobFavorite 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
NameJobFavorite Color
# Table xs
NameJobcompanylocationLast LoginFavorite Color
1Cy GandertonQuality Control SpecialistLittel, Schaden and VandervortCanada12/16/2020Blue
2Hart HagertyDesktop Support TechnicianZemlak, Daniel and LeannonUnited States12/5/2020Purple
3Brice SwyreTax AccountantCarroll GroupChina8/15/2020Red
4Marjy FerenczOffice Assistant IRowe-SchoenRussia3/25/2021Crimson
5Yancy TearCommunity Outreach SpecialistWyman-LednerBrazil5/22/2020Indigo
6Irma VasilikEditorWiza, Bins and EmardVenezuela12/8/2020Purple
7Meghann DurtnalStaff Accountant IVSchuster-SchimmelPhilippines2/17/2021Yellow
8Sammy SestonAccountant IO'Hara, Welch and KeeblerIndonesia5/23/2020Crimson
9Lesya TinhamSafety Technician IVTurner-KuhlmanPhilippines2/21/2021Maroon
10Zaneta TewkesburyVP MarketingSauer LLCChad6/23/2020Green
11Andy TippleLibrarianHilpert GroupPoland7/9/2020Indigo
12Sophi BilesRecruiting ManagerGutmann IncIndonesia2/12/2021Maroon
13Florida GarcesWeb Developer IVGaylord, Pacocha and BaumbachPoland5/31/2020Purple
14Maribeth PoppingAnalyst ProgrammerDeckow-PourosPortugal4/27/2021Aquamarine
15Moritz DryburghDental HygienistSchiller, Cole and HackettSri Lanka8/8/2020Crimson
16Reid SemirasTeacherSporer, Sipes and RogahnPoland7/30/2020Green
17Alec LethbyTeacherReichel, Glover and HamillChina2/28/2021Khaki
18Aland WilberQuality Control SpecialistKshlerin, Rogahn and SwaniawskiCzech Republic9/29/2020Purple
19Teddie DuerdenStaff Accountant IIIPouros, Ullrich and WindlerFrance10/27/2020Aquamarine
20Lorelei BlackstoneData CoordinatorWitting, Kutch and GreenfelderKazakhstan6/3/2020Red
NameJobcompanylocationLast LoginFavorite 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
NameJobcompanylocationLast LoginFavorite Color
1Cy GandertonQuality Control SpecialistLittel, Schaden and VandervortCanada12/16/2020Blue1
2Hart HagertyDesktop Support TechnicianZemlak, Daniel and LeannonUnited States12/5/2020Purple2
3Brice SwyreTax AccountantCarroll GroupChina8/15/2020Red3
4Marjy FerenczOffice Assistant IRowe-SchoenRussia3/25/2021Crimson4
5Yancy TearCommunity Outreach SpecialistWyman-LednerBrazil5/22/2020Indigo5
6Irma VasilikEditorWiza, Bins and EmardVenezuela12/8/2020Purple6
7Meghann DurtnalStaff Accountant IVSchuster-SchimmelPhilippines2/17/2021Yellow7
8Sammy SestonAccountant IO'Hara, Welch and KeeblerIndonesia5/23/2020Crimson8
9Lesya TinhamSafety Technician IVTurner-KuhlmanPhilippines2/21/2021Maroon9
10Zaneta TewkesburyVP MarketingSauer LLCChad6/23/2020Green10
11Andy TippleLibrarianHilpert GroupPoland7/9/2020Indigo11
12Sophi BilesRecruiting ManagerGutmann IncIndonesia2/12/2021Maroon12
13Florida GarcesWeb Developer IVGaylord, Pacocha and BaumbachPoland5/31/2020Purple13
14Maribeth PoppingAnalyst ProgrammerDeckow-PourosPortugal4/27/2021Aquamarine14
15Moritz DryburghDental HygienistSchiller, Cole and HackettSri Lanka8/8/2020Crimson15
16Reid SemirasTeacherSporer, Sipes and RogahnPoland7/30/2020Green16
17Alec LethbyTeacherReichel, Glover and HamillChina2/28/2021Khaki17
18Aland WilberQuality Control SpecialistKshlerin, Rogahn and SwaniawskiCzech Republic9/29/2020Purple18
19Teddie DuerdenStaff Accountant IIIPouros, Ullrich and WindlerFrance10/27/2020Aquamarine19
20Lorelei BlackstoneData CoordinatorWitting, Kutch and GreenfelderKazakhstan6/3/2020Red20
NameJobcompanylocationLast LoginFavorite 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

Official daisyUI
Figma Library

Available on daisyUI store

More details