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 | ||
|---|---|---|---|---|
 Hart Hagerty United States | Zemlak, Daniel and Leannon
Desktop Support Technician | Purple | ||
 Brice Swyre China | Carroll Group
Tax Accountant | Red | ||
 Marjy Ferencz Russia | Rowe-Schoen
Office Assistant I | Crimson | ||
 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