Themes
Choose your theme
rubick
icewall
tinker
enigma
Layouts
Choose your layout
side menu
simple menu
top menu
Accent Colors
Choose your accent color
Appearance
Choose your appearance
Light
Dark
Pages
Mail Settings
Users & Permissions
Transactions Report
Users
Denzel Washington
denzelwashington@left4code.com
John Travolta
johntravolta@left4code.com
Denzel Washington
denzelwashington@left4code.com
Robert De Niro
robertdeniro@left4code.com
Products
Sony A7 III
Photography
Sony Master Series A9G
Electronic
Sony Master Series A9G
Electronic
Sony Master Series A9G
Electronic

## Regular Table

## Basic Table

Show example code

# | First Name | Last Name | Username
--- | --- | --- | ---
1 | Angelina | Jolie | @angelinajolie
2 | Brad | Pitt | @bradpitt
3 | Charlie | Hunnam | @charliehunnam

# | First Name | Last Name | Username
--- | --- | --- | ---
1 | Angelina | Jolie | @angelinajolie
2 | Brad | Pitt | @bradpitt
3 | Charlie | Hunnam | @charliehunnam

                    HTMLOpenTagdiv class="overflow-x-auto"HTMLCloseTag
                                    HTMLOpenTagtable
        data-tw-merge
        class="w-full text-left"
    HTMLCloseTag
        HTMLOpenTagthead
        data-tw-merge
        class=""
    HTMLCloseTag
        HTMLOpenTagtr
        data-tw-merge
        class=""
    HTMLCloseTag
        HTMLOpenTagth
        data-tw-merge
        class="font-medium px-5 py-3 border-b-2 dark:border-darkmode-300 whitespace-nowrap"
    HTMLCloseTag
        #
    HTMLOpenTag/thHTMLCloseTag
                                                HTMLOpenTagth
        data-tw-merge
        class="font-medium px-5 py-3 border-b-2 dark:border-darkmode-300 whitespace-nowrap"
    HTMLCloseTag
        First Name
    HTMLOpenTag/thHTMLCloseTag
                                                HTMLOpenTagth
        data-tw-merge
        class="font-medium px-5 py-3 border-b-2 dark:border-darkmode-300 whitespace-nowrap"
    HTMLCloseTag
        Last Name
    HTMLOpenTag/thHTMLCloseTag
                                                HTMLOpenTagth
        data-tw-merge
        class="font-medium px-5 py-3 border-b-2 dark:border-darkmode-300 whitespace-nowrap"
    HTMLCloseTag
        Username
    HTMLOpenTag/thHTMLCloseTag
    HTMLOpenTag/trHTMLCloseTag
    HTMLOpenTag/theadHTMLCloseTag
                                        HTMLOpenTagtbodyHTMLCloseTag
        HTMLOpenTagtr
        data-tw-merge
        class=""
    HTMLCloseTag
        HTMLOpenTagtd
        data-tw-merge
        class="px-5 py-3 border-b dark:border-darkmode-300"
    HTMLCloseTag
        1
    HTMLOpenTag/tdHTMLCloseTag
                                                HTMLOpenTagtd
        data-tw-merge
        class="px-5 py-3 border-b dark:border-darkmode-300"
    HTMLCloseTag
        Angelina
    HTMLOpenTag/tdHTMLCloseTag
                                                HTMLOpenTagtd
        data-tw-merge
        class="px-5 py-3 border-b dark:border-darkmode-300"
    HTMLCloseTag
        Jolie
    HTMLOpenTag/tdHTMLCloseTag
                                                HTMLOpenTagtd
        data-tw-merge
        class="px-5 py-3 border-b dark:border-darkmode-300"
    HTMLCloseTag
        @angelinajolie
    HTMLOpenTag/tdHTMLCloseTag
    HTMLOpenTag/trHTMLCloseTag
                                            HTMLOpenTagtr
        data-tw-merge
        class=""
    HTMLCloseTag
        HTMLOpenTagtd
        data-tw-merge
        class="px-5 py-3 border-b dark:border-darkmode-300"
    HTMLCloseTag
        2
    HTMLOpenTag/tdHTMLCloseTag
                                                HTMLOpenTagtd
        data-tw-merge
        class="px-5 py-3 border-b dark:border-darkmode-300"
    HTMLCloseTag
        Brad
    HTMLOpenTag/tdHTMLCloseTag
                                                HTMLOpenTagtd
        data-tw-merge
        class="px-5 py-3 border-b dark:border-darkmode-300"
    HTMLCloseTag
        Pitt
    HTMLOpenTag/tdHTMLCloseTag
                                                HTMLOpenTagtd
        data-tw-merge
        class="px-5 py-3 border-b dark:border-darkmode-300"
    HTMLCloseTag
        @bradpitt
    HTMLOpenTag/tdHTMLCloseTag
    HTMLOpenTag/trHTMLCloseTag
                                            HTMLOpenTagtr
        data-tw-merge
        class=""
    HTMLCloseTag
        HTMLOpenTagtd
        data-tw-merge
        class="px-5 py-3 border-b dark:border-darkmode-300"
    HTMLCloseTag
        3
    HTMLOpenTag/tdHTMLCloseTag
                                                HTMLOpenTagtd
        data-tw-merge
        class="px-5 py-3 border-b dark:border-darkmode-300"
    HTMLCloseTag
        Charlie
    HTMLOpenTag/tdHTMLCloseTag
                                                HTMLOpenTagtd
        data-tw-merge
        class="px-5 py-3 border-b dark:border-darkmode-300"
    HTMLCloseTag
        Hunnam
    HTMLOpenTag/tdHTMLCloseTag
                                                HTMLOpenTagtd
        data-tw-merge
        class="px-5 py-3 border-b dark:border-darkmode-300"
    HTMLCloseTag
        @charliehunnam
    HTMLOpenTag/tdHTMLCloseTag
    HTMLOpenTag/trHTMLCloseTag
    HTMLOpenTag/tbodyHTMLCloseTag
    HTMLOpenTag/tableHTMLCloseTag
                                    HTMLOpenTagtable
        data-tw-merge
        class="w-full text-left bg-dark text-white dark:bg-black/30 mt-5"
    HTMLCloseTag
        HTMLOpenTagthead
        data-tw-merge
        class=""
    HTMLCloseTag
        HTMLOpenTagtr
        data-tw-merge
        class=""
    HTMLCloseTag
        HTMLOpenTagth
        data-tw-merge
        class="font-medium px-5 py-3 border-b-2 dark:border-darkmode-300 border-slate-600 dark:border-darkmode-300 whitespace-nowrap"
    HTMLCloseTag
        #
    HTMLOpenTag/thHTMLCloseTag
                                                HTMLOpenTagth
        data-tw-merge
        class="font-medium px-5 py-3 border-b-2 dark:border-darkmode-300 border-slate-600 dark:border-darkmode-300 whitespace-nowrap"
    HTMLCloseTag
        First Name
    HTMLOpenTag/thHTMLCloseTag
                                                HTMLOpenTagth
        data-tw-merge
        class="font-medium px-5 py-3 border-b-2 dark:border-darkmode-300 border-slate-600 dark:border-darkmode-300 whitespace-nowrap"
    HTMLCloseTag
        Last Name
    HTMLOpenTag/thHTMLCloseTag
                                                HTMLOpenTagth
        data-tw-merge
        class="font-medium px-5 py-3 border-b-2 dark:border-darkmode-300 border-slate-600 dark:border-darkmode-300 whitespace-nowrap"
    HTMLCloseTag
        Username
    HTMLOpenTag/thHTMLCloseTag
    HTMLOpenTag/trHTMLCloseTag
    HTMLOpenTag/theadHTMLCloseTag
                                        HTMLOpenTagtbodyHTMLCloseTag
        HTMLOpenTagtr
        data-tw-merge
        class=""
    HTMLCloseTag
        HTMLOpenTagtd
        data-tw-merge
        class="px-5 py-3 border-b dark:border-darkmode-300 border-slate-600 dark:border-darkmode-300"
    HTMLCloseTag
        1
    HTMLOpenTag/tdHTMLCloseTag
                                                HTMLOpenTagtd
        data-tw-merge
        class="px-5 py-3 border-b dark:border-darkmode-300 border-slate-600 dark:border-darkmode-300"
    HTMLCloseTag
        Angelina
    HTMLOpenTag/tdHTMLCloseTag
                                                HTMLOpenTagtd
        data-tw-merge
        class="px-5 py-3 border-b dark:border-darkmode-300 border-slate-600 dark:border-darkmode-300"
    HTMLCloseTag
        Jolie
    HTMLOpenTag/tdHTMLCloseTag
                                                HTMLOpenTagtd
        data-tw-merge
        class="px-5 py-3 border-b dark:border-darkmode-300 border-slate-600 dark:border-darkmode-300"
    HTMLCloseTag
        @angelinajolie
    HTMLOpenTag/tdHTMLCloseTag
    HTMLOpenTag/trHTMLCloseTag
                                            HTMLOpenTagtr
        data-tw-merge
        class=""
    HTMLCloseTag
        HTMLOpenTagtd
        data-tw-merge
        class="px-5 py-3 border-b dark:border-darkmode-300 border-slate-600 dark:border-darkmode-300"
    HTMLCloseTag
        2
    HTMLOpenTag/tdHTMLCloseTag
                                                HTMLOpenTagtd
        data-tw-merge
        class="px-5 py-3 border-b dark:border-darkmode-300 border-slate-600 dark:border-darkmode-300"
    HTMLCloseTag
        Brad
    HTMLOpenTag/tdHTMLCloseTag
                                                HTMLOpenTagtd
        data-tw-merge
        class="px-5 py-3 border-b dark:border-darkmode-300 border-slate-600 dark:border-darkmode-300"
    HTMLCloseTag
        Pitt
    HTMLOpenTag/tdHTMLCloseTag
                                                HTMLOpenTagtd
        data-tw-merge
        class="px-5 py-3 border-b dark:border-darkmode-300 border-slate-600 dark:border-darkmode-300"
    HTMLCloseTag
        @bradpitt
    HTMLOpenTag/tdHTMLCloseTag
    HTMLOpenTag/trHTMLCloseTag
                                            HTMLOpenTagtr
        data-tw-merge
        class=""
    HTMLCloseTag
        HTMLOpenTagtd
        data-tw-merge
        class="px-5 py-3 border-b dark:border-darkmode-300 border-slate-600 dark:border-darkmode-300"
    HTMLCloseTag
        3
    HTMLOpenTag/tdHTMLCloseTag
                                                HTMLOpenTagtd
        data-tw-merge
        class="px-5 py-3 border-b dark:border-darkmode-300 border-slate-600 dark:border-darkmode-300"
    HTMLCloseTag
        Charlie
    HTMLOpenTag/tdHTMLCloseTag
                                                HTMLOpenTagtd
        data-tw-merge
        class="px-5 py-3 border-b dark:border-darkmode-300 border-slate-600 dark:border-darkmode-300"
    HTMLCloseTag
        Hunnam
    HTMLOpenTag/tdHTMLCloseTag
                                                HTMLOpenTagtd
        data-tw-merge
        class="px-5 py-3 border-b dark:border-darkmode-300 border-slate-600 dark:border-darkmode-300"
    HTMLCloseTag
        @charliehunnam
    HTMLOpenTag/tdHTMLCloseTag
    HTMLOpenTag/trHTMLCloseTag
    HTMLOpenTag/tbodyHTMLCloseTag
    HTMLOpenTag/tableHTMLCloseTag
                                HTMLOpenTag/divHTMLCloseTag

## Bordered Table

Show example code

# | First Name | Last Name | Username
--- | --- | --- | ---
1 | Angelina | Jolie | @angelinajolie
2 | Brad | Pitt | @bradpitt
3 | Charlie | Hunnam | @charliehunnam

                    HTMLOpenTagdiv class="overflow-x-auto"HTMLCloseTag
                                    HTMLOpenTagtable
        data-tw-merge
        class="w-full text-left"
    HTMLCloseTag
        HTMLOpenTagthead
        data-tw-merge
        class=""
    HTMLCloseTag
        HTMLOpenTagtr
        data-tw-merge
        class=""
    HTMLCloseTag
        HTMLOpenTagth
        data-tw-merge
        class="font-medium px-5 py-3 border-b-2 dark:border-darkmode-300 border-l border-r border-t whitespace-nowrap"
    HTMLCloseTag
        #
    HTMLOpenTag/thHTMLCloseTag
                                                HTMLOpenTagth
        data-tw-merge
        class="font-medium px-5 py-3 border-b-2 dark:border-darkmode-300 border-l border-r border-t whitespace-nowrap"
    HTMLCloseTag
        First Name
    HTMLOpenTag/thHTMLCloseTag
                                                HTMLOpenTagth
        data-tw-merge
        class="font-medium px-5 py-3 border-b-2 dark:border-darkmode-300 border-l border-r border-t whitespace-nowrap"
    HTMLCloseTag
        Last Name
    HTMLOpenTag/thHTMLCloseTag
                                                HTMLOpenTagth
        data-tw-merge
        class="font-medium px-5 py-3 border-b-2 dark:border-darkmode-300 border-l border-r border-t whitespace-nowrap"
    HTMLCloseTag
        Username
    HTMLOpenTag/thHTMLCloseTag
    HTMLOpenTag/trHTMLCloseTag
    HTMLOpenTag/theadHTMLCloseTag
                                        HTMLOpenTagtbodyHTMLCloseTag
        HTMLOpenTagtr
        data-tw-merge
        class=""
    HTMLCloseTag
        HTMLOpenTagtd
        data-tw-merge
        class="px-5 py-3 border-b dark:border-darkmode-300 border-l border-r border-t"
    HTMLCloseTag
        1
    HTMLOpenTag/tdHTMLCloseTag
                                                HTMLOpenTagtd
        data-tw-merge
        class="px-5 py-3 border-b dark:border-darkmode-300 border-l border-r border-t"
    HTMLCloseTag
        Angelina
    HTMLOpenTag/tdHTMLCloseTag
                                                HTMLOpenTagtd
        data-tw-merge
        class="px-5 py-3 border-b dark:border-darkmode-300 border-l border-r border-t"
    HTMLCloseTag
        Jolie
    HTMLOpenTag/tdHTMLCloseTag
                                                HTMLOpenTagtd
        data-tw-merge
        class="px-5 py-3 border-b dark:border-darkmode-300 border-l border-r border-t"
    HTMLCloseTag
        @angelinajolie
    HTMLOpenTag/tdHTMLCloseTag
    HTMLOpenTag/trHTMLCloseTag
                                            HTMLOpenTagtr
        data-tw-merge
        class=""
    HTMLCloseTag
        HTMLOpenTagtd
        data-tw-merge
        class="px-5 py-3 border-b dark:border-darkmode-300 border-l border-r border-t"
    HTMLCloseTag
        2
    HTMLOpenTag/tdHTMLCloseTag
                                                HTMLOpenTagtd
        data-tw-merge
        class="px-5 py-3 border-b dark:border-darkmode-300 border-l border-r border-t"
    HTMLCloseTag
        Brad
    HTMLOpenTag/tdHTMLCloseTag
                                                HTMLOpenTagtd
        data-tw-merge
        class="px-5 py-3 border-b dark:border-darkmode-300 border-l border-r border-t"
    HTMLCloseTag
        Pitt
    HTMLOpenTag/tdHTMLCloseTag
                                                HTMLOpenTagtd
        data-tw-merge
        class="px-5 py-3 border-b dark:border-darkmode-300 border-l border-r border-t"
    HTMLCloseTag
        @bradpitt
    HTMLOpenTag/tdHTMLCloseTag
    HTMLOpenTag/trHTMLCloseTag
                                            HTMLOpenTagtr
        data-tw-merge
        class=""
    HTMLCloseTag
        HTMLOpenTagtd
        data-tw-merge
        class="px-5 py-3 border-b dark:border-darkmode-300 border-l border-r border-t"
    HTMLCloseTag
        3
    HTMLOpenTag/tdHTMLCloseTag
                                                HTMLOpenTagtd
        data-tw-merge
        class="px-5 py-3 border-b dark:border-darkmode-300 border-l border-r border-t"
    HTMLCloseTag
        Charlie
    HTMLOpenTag/tdHTMLCloseTag
                                                HTMLOpenTagtd
        data-tw-merge
        class="px-5 py-3 border-b dark:border-darkmode-300 border-l border-r border-t"
    HTMLCloseTag
        Hunnam
    HTMLOpenTag/tdHTMLCloseTag
                                                HTMLOpenTagtd
        data-tw-merge
        class="px-5 py-3 border-b dark:border-darkmode-300 border-l border-r border-t"
    HTMLCloseTag
        @charliehunnam
    HTMLOpenTag/tdHTMLCloseTag
    HTMLOpenTag/trHTMLCloseTag
    HTMLOpenTag/tbodyHTMLCloseTag
    HTMLOpenTag/tableHTMLCloseTag
                                HTMLOpenTag/divHTMLCloseTag

## Hoverable Table

Show example code

# | First Name | Last Name | Username
--- | --- | --- | ---
1 | Angelina | Jolie | @angelinajolie
2 | Brad | Pitt | @bradpitt
3 | Charlie | Hunnam | @charliehunnam

                    HTMLOpenTagdiv class="overflow-x-auto"HTMLCloseTag
                                    HTMLOpenTagtable
        data-tw-merge
        class="w-full text-left"
    HTMLCloseTag
        HTMLOpenTagthead
        data-tw-merge
        class=""
    HTMLCloseTag
        HTMLOpenTagtr
        data-tw-merge
        class="[&:hover_td]:bg-slate-100 [&:hover_td]:dark:bg-darkmode-300 [&:hover_td]:dark:bg-opacity-50"
    HTMLCloseTag
        HTMLOpenTagth
        data-tw-merge
        class="font-medium px-5 py-3 border-b-2 dark:border-darkmode-300 border-l border-r border-t whitespace-nowrap"
    HTMLCloseTag
        #
    HTMLOpenTag/thHTMLCloseTag
                                                HTMLOpenTagth
        data-tw-merge
        class="font-medium px-5 py-3 border-b-2 dark:border-darkmode-300 border-l border-r border-t whitespace-nowrap"
    HTMLCloseTag
        First Name
    HTMLOpenTag/thHTMLCloseTag
                                                HTMLOpenTagth
        data-tw-merge
        class="font-medium px-5 py-3 border-b-2 dark:border-darkmode-300 border-l border-r border-t whitespace-nowrap"
    HTMLCloseTag
        Last Name
    HTMLOpenTag/thHTMLCloseTag
                                                HTMLOpenTagth
        data-tw-merge
        class="font-medium px-5 py-3 border-b-2 dark:border-darkmode-300 border-l border-r border-t whitespace-nowrap"
    HTMLCloseTag
        Username
    HTMLOpenTag/thHTMLCloseTag
    HTMLOpenTag/trHTMLCloseTag
    HTMLOpenTag/theadHTMLCloseTag
                                        HTMLOpenTagtbodyHTMLCloseTag
        HTMLOpenTagtr
        data-tw-merge
        class="[&:hover_td]:bg-slate-100 [&:hover_td]:dark:bg-darkmode-300 [&:hover_td]:dark:bg-opacity-50"
    HTMLCloseTag
        HTMLOpenTagtd
        data-tw-merge
        class="px-5 py-3 border-b dark:border-darkmode-300 border-l border-r border-t"
    HTMLCloseTag
        1
    HTMLOpenTag/tdHTMLCloseTag
                                                HTMLOpenTagtd
        data-tw-merge
        class="px-5 py-3 border-b dark:border-darkmode-300 border-l border-r border-t"
    HTMLCloseTag
        Angelina
    HTMLOpenTag/tdHTMLCloseTag
                                                HTMLOpenTagtd
        data-tw-merge
        class="px-5 py-3 border-b dark:border-darkmode-300 border-l border-r border-t"
    HTMLCloseTag
        Jolie
    HTMLOpenTag/tdHTMLCloseTag
                                                HTMLOpenTagtd
        data-tw-merge
        class="px-5 py-3 border-b dark:border-darkmode-300 border-l border-r border-t"
    HTMLCloseTag
        @angelinajolie
    HTMLOpenTag/tdHTMLCloseTag
    HTMLOpenTag/trHTMLCloseTag
                                            HTMLOpenTagtr
        data-tw-merge
        class="[&:hover_td]:bg-slate-100 [&:hover_td]:dark:bg-darkmode-300 [&:hover_td]:dark:bg-opacity-50"
    HTMLCloseTag
        HTMLOpenTagtd
        data-tw-merge
        class="px-5 py-3 border-b dark:border-darkmode-300 border-l border-r border-t"
    HTMLCloseTag
        2
    HTMLOpenTag/tdHTMLCloseTag
                                                HTMLOpenTagtd
        data-tw-merge
        class="px-5 py-3 border-b dark:border-darkmode-300 border-l border-r border-t"
    HTMLCloseTag
        Brad
    HTMLOpenTag/tdHTMLCloseTag
                                                HTMLOpenTagtd
        data-tw-merge
        class="px-5 py-3 border-b dark:border-darkmode-300 border-l border-r border-t"
    HTMLCloseTag
        Pitt
    HTMLOpenTag/tdHTMLCloseTag
                                                HTMLOpenTagtd
        data-tw-merge
        class="px-5 py-3 border-b dark:border-darkmode-300 border-l border-r border-t"
    HTMLCloseTag
        @bradpitt
    HTMLOpenTag/tdHTMLCloseTag
    HTMLOpenTag/trHTMLCloseTag
                                            HTMLOpenTagtr
        data-tw-merge
        class="[&:hover_td]:bg-slate-100 [&:hover_td]:dark:bg-darkmode-300 [&:hover_td]:dark:bg-opacity-50"
    HTMLCloseTag
        HTMLOpenTagtd
        data-tw-merge
        class="px-5 py-3 border-b dark:border-darkmode-300 border-l border-r border-t"
    HTMLCloseTag
        3
    HTMLOpenTag/tdHTMLCloseTag
                                                HTMLOpenTagtd
        data-tw-merge
        class="px-5 py-3 border-b dark:border-darkmode-300 border-l border-r border-t"
    HTMLCloseTag
        Charlie
    HTMLOpenTag/tdHTMLCloseTag
                                                HTMLOpenTagtd
        data-tw-merge
        class="px-5 py-3 border-b dark:border-darkmode-300 border-l border-r border-t"
    HTMLCloseTag
        Hunnam
    HTMLOpenTag/tdHTMLCloseTag
                                                HTMLOpenTagtd
        data-tw-merge
        class="px-5 py-3 border-b dark:border-darkmode-300 border-l border-r border-t"
    HTMLCloseTag
        @charliehunnam
    HTMLOpenTag/tdHTMLCloseTag
    HTMLOpenTag/trHTMLCloseTag
    HTMLOpenTag/tbodyHTMLCloseTag
    HTMLOpenTag/tableHTMLCloseTag
                                HTMLOpenTag/divHTMLCloseTag

## Table Row States

Show example code

# | First Name | Last Name | Username
--- | --- | --- | ---
1 | Angelina | Jolie | @angelinajolie
2 | Brad | Pitt | @bradpitt
3 | Charlie | Hunnam | @charliehunnam

                    HTMLOpenTagdiv class="overflow-x-auto"HTMLCloseTag
                                    HTMLOpenTagtable
        data-tw-merge
        class="w-full text-left"
    HTMLCloseTag
        HTMLOpenTagthead
        data-tw-merge
        class=""
    HTMLCloseTag
        HTMLOpenTagtr
        data-tw-merge
        class=""
    HTMLCloseTag
        HTMLOpenTagth
        data-tw-merge
        class="font-medium px-5 py-3 border-b-2 dark:border-darkmode-300 whitespace-nowrap"
    HTMLCloseTag
        #
    HTMLOpenTag/thHTMLCloseTag
                                                HTMLOpenTagth
        data-tw-merge
        class="font-medium px-5 py-3 border-b-2 dark:border-darkmode-300 whitespace-nowrap"
    HTMLCloseTag
        First Name
    HTMLOpenTag/thHTMLCloseTag
                                                HTMLOpenTagth
        data-tw-merge
        class="font-medium px-5 py-3 border-b-2 dark:border-darkmode-300 whitespace-nowrap"
    HTMLCloseTag
        Last Name
    HTMLOpenTag/thHTMLCloseTag
                                                HTMLOpenTagth
        data-tw-merge
        class="font-medium px-5 py-3 border-b-2 dark:border-darkmode-300 whitespace-nowrap"
    HTMLCloseTag
        Username
    HTMLOpenTag/thHTMLCloseTag
    HTMLOpenTag/trHTMLCloseTag
    HTMLOpenTag/theadHTMLCloseTag
                                        HTMLOpenTagtbodyHTMLCloseTag
        HTMLOpenTagtr
        data-tw-merge
        class="bg-primary text-white"
    HTMLCloseTag
        HTMLOpenTagtd
        data-tw-merge
        class="px-5 py-3 border-b dark:border-darkmode-300"
    HTMLCloseTag
        1
    HTMLOpenTag/tdHTMLCloseTag
                                                HTMLOpenTagtd
        data-tw-merge
        class="px-5 py-3 border-b dark:border-darkmode-300"
    HTMLCloseTag
        Angelina
    HTMLOpenTag/tdHTMLCloseTag
                                                HTMLOpenTagtd
        data-tw-merge
        class="px-5 py-3 border-b dark:border-darkmode-300"
    HTMLCloseTag
        Jolie
    HTMLOpenTag/tdHTMLCloseTag
                                                HTMLOpenTagtd
        data-tw-merge
        class="px-5 py-3 border-b dark:border-darkmode-300"
    HTMLCloseTag
        @angelinajolie
    HTMLOpenTag/tdHTMLCloseTag
    HTMLOpenTag/trHTMLCloseTag
                                            HTMLOpenTagtr
        data-tw-merge
        class="bg-danger text-white"
    HTMLCloseTag
        HTMLOpenTagtd
        data-tw-merge
        class="px-5 py-3 border-b dark:border-darkmode-300"
    HTMLCloseTag
        2
    HTMLOpenTag/tdHTMLCloseTag
                                                HTMLOpenTagtd
        data-tw-merge
        class="px-5 py-3 border-b dark:border-darkmode-300"
    HTMLCloseTag
        Brad
    HTMLOpenTag/tdHTMLCloseTag
                                                HTMLOpenTagtd
        data-tw-merge
        class="px-5 py-3 border-b dark:border-darkmode-300"
    HTMLCloseTag
        Pitt
    HTMLOpenTag/tdHTMLCloseTag
                                                HTMLOpenTagtd
        data-tw-merge
        class="px-5 py-3 border-b dark:border-darkmode-300"
    HTMLCloseTag
        @bradpitt
    HTMLOpenTag/tdHTMLCloseTag
    HTMLOpenTag/trHTMLCloseTag
                                            HTMLOpenTagtr
        data-tw-merge
        class="bg-warning"
    HTMLCloseTag
        HTMLOpenTagtd
        data-tw-merge
        class="px-5 py-3 border-b dark:border-darkmode-300"
    HTMLCloseTag
        3
    HTMLOpenTag/tdHTMLCloseTag
                                                HTMLOpenTagtd
        data-tw-merge
        class="px-5 py-3 border-b dark:border-darkmode-300"
    HTMLCloseTag
        Charlie
    HTMLOpenTag/tdHTMLCloseTag
                                                HTMLOpenTagtd
        data-tw-merge
        class="px-5 py-3 border-b dark:border-darkmode-300"
    HTMLCloseTag
        Hunnam
    HTMLOpenTag/tdHTMLCloseTag
                                                HTMLOpenTagtd
        data-tw-merge
        class="px-5 py-3 border-b dark:border-darkmode-300"
    HTMLCloseTag
        @charliehunnam
    HTMLOpenTag/tdHTMLCloseTag
    HTMLOpenTag/trHTMLCloseTag
    HTMLOpenTag/tbodyHTMLCloseTag
    HTMLOpenTag/tableHTMLCloseTag
                                HTMLOpenTag/divHTMLCloseTag

## Table Head Options

Show example code

# | First Name | Last Name | Username
--- | --- | --- | ---
1 | Angelina | Jolie | @angelinajolie
2 | Brad | Pitt | @bradpitt
3 | Charlie | Hunnam | @charliehunnam

# | First Name | Last Name | Username
--- | --- | --- | ---
1 | Angelina | Jolie | @angelinajolie
2 | Brad | Pitt | @bradpitt
3 | Charlie | Hunnam | @charliehunnam

                    HTMLOpenTagdiv class="overflow-x-auto"HTMLCloseTag
                                    HTMLOpenTagtable
        data-tw-merge
        class="w-full text-left"
    HTMLCloseTag
        HTMLOpenTagthead
        data-tw-merge
        class="bg-dark text-white dark:bg-black/30"
    HTMLCloseTag
        HTMLOpenTagtr
        data-tw-merge
        class=""
    HTMLCloseTag
        HTMLOpenTagth
        data-tw-merge
        class="font-medium px-5 py-3 border-b-2 dark:border-darkmode-300 border-b-0 whitespace-nowrap"
    HTMLCloseTag
        #
    HTMLOpenTag/thHTMLCloseTag
                                                HTMLOpenTagth
        data-tw-merge
        class="font-medium px-5 py-3 border-b-2 dark:border-darkmode-300 border-b-0 whitespace-nowrap"
    HTMLCloseTag
        First Name
    HTMLOpenTag/thHTMLCloseTag
                                                HTMLOpenTagth
        data-tw-merge
        class="font-medium px-5 py-3 border-b-2 dark:border-darkmode-300 border-b-0 whitespace-nowrap"
    HTMLCloseTag
        Last Name
    HTMLOpenTag/thHTMLCloseTag
                                                HTMLOpenTagth
        data-tw-merge
        class="font-medium px-5 py-3 border-b-2 dark:border-darkmode-300 border-b-0 whitespace-nowrap"
    HTMLCloseTag
        Username
    HTMLOpenTag/thHTMLCloseTag
    HTMLOpenTag/trHTMLCloseTag
    HTMLOpenTag/theadHTMLCloseTag
                                        HTMLOpenTagtbodyHTMLCloseTag
        HTMLOpenTagtr
        data-tw-merge
        class=""
    HTMLCloseTag
        HTMLOpenTagtd
        data-tw-merge
        class="px-5 py-3 border-b dark:border-darkmode-300"
    HTMLCloseTag
        1
    HTMLOpenTag/tdHTMLCloseTag
                                                HTMLOpenTagtd
        data-tw-merge
        class="px-5 py-3 border-b dark:border-darkmode-300"
    HTMLCloseTag
        Angelina
    HTMLOpenTag/tdHTMLCloseTag
                                                HTMLOpenTagtd
        data-tw-merge
        class="px-5 py-3 border-b dark:border-darkmode-300"
    HTMLCloseTag
        Jolie
    HTMLOpenTag/tdHTMLCloseTag
                                                HTMLOpenTagtd
        data-tw-merge
        class="px-5 py-3 border-b dark:border-darkmode-300"
    HTMLCloseTag
        @angelinajolie
    HTMLOpenTag/tdHTMLCloseTag
    HTMLOpenTag/trHTMLCloseTag
                                            HTMLOpenTagtr
        data-tw-merge
        class=""
    HTMLCloseTag
        HTMLOpenTagtd
        data-tw-merge
        class="px-5 py-3 border-b dark:border-darkmode-300"
    HTMLCloseTag
        2
    HTMLOpenTag/tdHTMLCloseTag
                                                HTMLOpenTagtd
        data-tw-merge
        class="px-5 py-3 border-b dark:border-darkmode-300"
    HTMLCloseTag
        Brad
    HTMLOpenTag/tdHTMLCloseTag
                                                HTMLOpenTagtd
        data-tw-merge
        class="px-5 py-3 border-b dark:border-darkmode-300"
    HTMLCloseTag
        Pitt
    HTMLOpenTag/tdHTMLCloseTag
                                                HTMLOpenTagtd
        data-tw-merge
        class="px-5 py-3 border-b dark:border-darkmode-300"
    HTMLCloseTag
        @bradpitt
    HTMLOpenTag/tdHTMLCloseTag
    HTMLOpenTag/trHTMLCloseTag
                                            HTMLOpenTagtr
        data-tw-merge
        class=""
    HTMLCloseTag
        HTMLOpenTagtd
        data-tw-merge
        class="px-5 py-3 border-b dark:border-darkmode-300"
    HTMLCloseTag
        3
    HTMLOpenTag/tdHTMLCloseTag
                                                HTMLOpenTagtd
        data-tw-merge
        class="px-5 py-3 border-b dark:border-darkmode-300"
    HTMLCloseTag
        Charlie
    HTMLOpenTag/tdHTMLCloseTag
                                                HTMLOpenTagtd
        data-tw-merge
        class="px-5 py-3 border-b dark:border-darkmode-300"
    HTMLCloseTag
        Hunnam
    HTMLOpenTag/tdHTMLCloseTag
                                                HTMLOpenTagtd
        data-tw-merge
        class="px-5 py-3 border-b dark:border-darkmode-300"
    HTMLCloseTag
        @charliehunnam
    HTMLOpenTag/tdHTMLCloseTag
    HTMLOpenTag/trHTMLCloseTag
    HTMLOpenTag/tbodyHTMLCloseTag
    HTMLOpenTag/tableHTMLCloseTag
                                    HTMLOpenTagtable
        data-tw-merge
        class="w-full text-left mt-5"
    HTMLCloseTag
        HTMLOpenTagthead
        data-tw-merge
        class="bg-slate-200/60 dark:bg-slate-200"
    HTMLCloseTag
        HTMLOpenTagtr
        data-tw-merge
        class=""
    HTMLCloseTag
        HTMLOpenTagth
        data-tw-merge
        class="font-medium px-5 py-3 border-b-2 dark:border-darkmode-300 border-b-0 text-slate-700 whitespace-nowrap"
    HTMLCloseTag
        #
    HTMLOpenTag/thHTMLCloseTag
                                                HTMLOpenTagth
        data-tw-merge
        class="font-medium px-5 py-3 border-b-2 dark:border-darkmode-300 border-b-0 text-slate-700 whitespace-nowrap"
    HTMLCloseTag
        First Name
    HTMLOpenTag/thHTMLCloseTag
                                                HTMLOpenTagth
        data-tw-merge
        class="font-medium px-5 py-3 border-b-2 dark:border-darkmode-300 border-b-0 text-slate-700 whitespace-nowrap"
    HTMLCloseTag
        Last Name
    HTMLOpenTag/thHTMLCloseTag
                                                HTMLOpenTagth
        data-tw-merge
        class="font-medium px-5 py-3 border-b-2 dark:border-darkmode-300 border-b-0 text-slate-700 whitespace-nowrap"
    HTMLCloseTag
        Username
    HTMLOpenTag/thHTMLCloseTag
    HTMLOpenTag/trHTMLCloseTag
    HTMLOpenTag/theadHTMLCloseTag
                                        HTMLOpenTagtbodyHTMLCloseTag
        HTMLOpenTagtr
        data-tw-merge
        class=""
    HTMLCloseTag
        HTMLOpenTagtd
        data-tw-merge
        class="px-5 py-3 border-b dark:border-darkmode-300"
    HTMLCloseTag
        1
    HTMLOpenTag/tdHTMLCloseTag
                                                HTMLOpenTagtd
        data-tw-merge
        class="px-5 py-3 border-b dark:border-darkmode-300"
    HTMLCloseTag
        Angelina
    HTMLOpenTag/tdHTMLCloseTag
                                                HTMLOpenTagtd
        data-tw-merge
        class="px-5 py-3 border-b dark:border-darkmode-300"
    HTMLCloseTag
        Jolie
    HTMLOpenTag/tdHTMLCloseTag
                                                HTMLOpenTagtd
        data-tw-merge
        class="px-5 py-3 border-b dark:border-darkmode-300"
    HTMLCloseTag
        @angelinajolie
    HTMLOpenTag/tdHTMLCloseTag
    HTMLOpenTag/trHTMLCloseTag
                                            HTMLOpenTagtr
        data-tw-merge
        class=""
    HTMLCloseTag
        HTMLOpenTagtd
        data-tw-merge
        class="px-5 py-3 border-b dark:border-darkmode-300"
    HTMLCloseTag
        2
    HTMLOpenTag/tdHTMLCloseTag
                                                HTMLOpenTagtd
        data-tw-merge
        class="px-5 py-3 border-b dark:border-darkmode-300"
    HTMLCloseTag
        Brad
    HTMLOpenTag/tdHTMLCloseTag
                                                HTMLOpenTagtd
        data-tw-merge
        class="px-5 py-3 border-b dark:border-darkmode-300"
    HTMLCloseTag
        Pitt
    HTMLOpenTag/tdHTMLCloseTag
                                                HTMLOpenTagtd
        data-tw-merge
        class="px-5 py-3 border-b dark:border-darkmode-300"
    HTMLCloseTag
        @bradpitt
    HTMLOpenTag/tdHTMLCloseTag
    HTMLOpenTag/trHTMLCloseTag
                                            HTMLOpenTagtr
        data-tw-merge
        class=""
    HTMLCloseTag
        HTMLOpenTagtd
        data-tw-merge
        class="px-5 py-3 border-b dark:border-darkmode-300"
    HTMLCloseTag
        3
    HTMLOpenTag/tdHTMLCloseTag
                                                HTMLOpenTagtd
        data-tw-merge
        class="px-5 py-3 border-b dark:border-darkmode-300"
    HTMLCloseTag
        Charlie
    HTMLOpenTag/tdHTMLCloseTag
                                                HTMLOpenTagtd
        data-tw-merge
        class="px-5 py-3 border-b dark:border-darkmode-300"
    HTMLCloseTag
        Hunnam
    HTMLOpenTag/tdHTMLCloseTag
                                                HTMLOpenTagtd
        data-tw-merge
        class="px-5 py-3 border-b dark:border-darkmode-300"
    HTMLCloseTag
        @charliehunnam
    HTMLOpenTag/tdHTMLCloseTag
    HTMLOpenTag/trHTMLCloseTag
    HTMLOpenTag/tbodyHTMLCloseTag
    HTMLOpenTag/tableHTMLCloseTag
                                HTMLOpenTag/divHTMLCloseTag

## Responsive Table

Show example code

# | First Name | Last Name | Username | Email | Address
--- | --- | --- | --- | --- | ---
1 | Angelina | Jolie | @angelinajolie | angelinajolie@gmail.com | 260 W. Storm Street New York, NY 10025.
2 | Brad | Pitt | @bradpitt | bradpitt@gmail.com | 47 Division St. Buffalo, NY 14241.
3 | Charlie | Hunnam | @charliehunnam | charliehunnam@gmail.com | 8023 Amerige Street Harriman, NY 10926.

                    HTMLOpenTagdiv class="overflow-x-auto"HTMLCloseTag
                                    HTMLOpenTagtable
        data-tw-merge
        class="w-full text-left"
    HTMLCloseTag
        HTMLOpenTagthead
        data-tw-merge
        class=""
    HTMLCloseTag
        HTMLOpenTagtr
        data-tw-merge
        class=""
    HTMLCloseTag
        HTMLOpenTagth
        data-tw-merge
        class="font-medium px-5 py-3 border-b-2 dark:border-darkmode-300 whitespace-nowrap"
    HTMLCloseTag
        #
    HTMLOpenTag/thHTMLCloseTag
                                                HTMLOpenTagth
        data-tw-merge
        class="font-medium px-5 py-3 border-b-2 dark:border-darkmode-300 whitespace-nowrap"
    HTMLCloseTag
        First Name
    HTMLOpenTag/thHTMLCloseTag
                                                HTMLOpenTagth
        data-tw-merge
        class="font-medium px-5 py-3 border-b-2 dark:border-darkmode-300 whitespace-nowrap"
    HTMLCloseTag
        Last Name
    HTMLOpenTag/thHTMLCloseTag
                                                HTMLOpenTagth
        data-tw-merge
        class="font-medium px-5 py-3 border-b-2 dark:border-darkmode-300 whitespace-nowrap"
    HTMLCloseTag
        Username
    HTMLOpenTag/thHTMLCloseTag
                                                HTMLOpenTagth
        data-tw-merge
        class="font-medium px-5 py-3 border-b-2 dark:border-darkmode-300 whitespace-nowrap"
    HTMLCloseTag
        Email
    HTMLOpenTag/thHTMLCloseTag
                                                HTMLOpenTagth
        data-tw-merge
        class="font-medium px-5 py-3 border-b-2 dark:border-darkmode-300 whitespace-nowrap"
    HTMLCloseTag
        Address
    HTMLOpenTag/thHTMLCloseTag
    HTMLOpenTag/trHTMLCloseTag
    HTMLOpenTag/theadHTMLCloseTag
                                        HTMLOpenTagtbodyHTMLCloseTag
        HTMLOpenTagtr
        data-tw-merge
        class=""
    HTMLCloseTag
        HTMLOpenTagtd
        data-tw-merge
        class="px-5 py-3 border-b dark:border-darkmode-300 whitespace-nowrap"
    HTMLCloseTag
        1
    HTMLOpenTag/tdHTMLCloseTag
                                                HTMLOpenTagtd
        data-tw-merge
        class="px-5 py-3 border-b dark:border-darkmode-300 whitespace-nowrap"
    HTMLCloseTag
        Angelina
    HTMLOpenTag/tdHTMLCloseTag
                                                HTMLOpenTagtd
        data-tw-merge
        class="px-5 py-3 border-b dark:border-darkmode-300 whitespace-nowrap"
    HTMLCloseTag
        Jolie
    HTMLOpenTag/tdHTMLCloseTag
                                                HTMLOpenTagtd
        data-tw-merge
        class="px-5 py-3 border-b dark:border-darkmode-300 whitespace-nowrap"
    HTMLCloseTag
        @angelinajolie
    HTMLOpenTag/tdHTMLCloseTag
                                                HTMLOpenTagtd
        data-tw-merge
        class="px-5 py-3 border-b dark:border-darkmode-300 whitespace-nowrap"
    HTMLCloseTag
        angelinajolie@gmail.com
    HTMLOpenTag/tdHTMLCloseTag
                                                HTMLOpenTagtd
        data-tw-merge
        class="px-5 py-3 border-b dark:border-darkmode-300 whitespace-nowrap"
    HTMLCloseTag
        260 W. Storm Street New York, NY 10025.
    HTMLOpenTag/tdHTMLCloseTag
    HTMLOpenTag/trHTMLCloseTag
                                            HTMLOpenTagtr
        data-tw-merge
        class=""
    HTMLCloseTag
        HTMLOpenTagtd
        data-tw-merge
        class="px-5 py-3 border-b dark:border-darkmode-300 whitespace-nowrap"
    HTMLCloseTag
        2
    HTMLOpenTag/tdHTMLCloseTag
                                                HTMLOpenTagtd
        data-tw-merge
        class="px-5 py-3 border-b dark:border-darkmode-300 whitespace-nowrap"
    HTMLCloseTag
        Brad
    HTMLOpenTag/tdHTMLCloseTag
                                                HTMLOpenTagtd
        data-tw-merge
        class="px-5 py-3 border-b dark:border-darkmode-300 whitespace-nowrap"
    HTMLCloseTag
        Pitt
    HTMLOpenTag/tdHTMLCloseTag
                                                HTMLOpenTagtd
        data-tw-merge
        class="px-5 py-3 border-b dark:border-darkmode-300 whitespace-nowrap"
    HTMLCloseTag
        @bradpitt
    HTMLOpenTag/tdHTMLCloseTag
                                                HTMLOpenTagtd
        data-tw-merge
        class="px-5 py-3 border-b dark:border-darkmode-300 whitespace-nowrap"
    HTMLCloseTag
        bradpitt@gmail.com
    HTMLOpenTag/tdHTMLCloseTag
                                                HTMLOpenTagtd
        data-tw-merge
        class="px-5 py-3 border-b dark:border-darkmode-300 whitespace-nowrap"
    HTMLCloseTag
        47 Division St. Buffalo, NY 14241.
    HTMLOpenTag/tdHTMLCloseTag
    HTMLOpenTag/trHTMLCloseTag
                                            HTMLOpenTagtr
        data-tw-merge
        class=""
    HTMLCloseTag
        HTMLOpenTagtd
        data-tw-merge
        class="px-5 py-3 border-b dark:border-darkmode-300 whitespace-nowrap"
    HTMLCloseTag
        3
    HTMLOpenTag/tdHTMLCloseTag
                                                HTMLOpenTagtd
        data-tw-merge
        class="px-5 py-3 border-b dark:border-darkmode-300 whitespace-nowrap"
    HTMLCloseTag
        Charlie
    HTMLOpenTag/tdHTMLCloseTag
                                                HTMLOpenTagtd
        data-tw-merge
        class="px-5 py-3 border-b dark:border-darkmode-300 whitespace-nowrap"
    HTMLCloseTag
        Hunnam
    HTMLOpenTag/tdHTMLCloseTag
                                                HTMLOpenTagtd
        data-tw-merge
        class="px-5 py-3 border-b dark:border-darkmode-300 whitespace-nowrap"
    HTMLCloseTag
        @charliehunnam
    HTMLOpenTag/tdHTMLCloseTag
                                                HTMLOpenTagtd
        data-tw-merge
        class="px-5 py-3 border-b dark:border-darkmode-300 whitespace-nowrap"
    HTMLCloseTag
        charliehunnam@gmail.com
    HTMLOpenTag/tdHTMLCloseTag
                                                HTMLOpenTagtd
        data-tw-merge
        class="px-5 py-3 border-b dark:border-darkmode-300 whitespace-nowrap"
    HTMLCloseTag
        8023 Amerige Street Harriman, NY 10926.
    HTMLOpenTag/tdHTMLCloseTag
    HTMLOpenTag/trHTMLCloseTag
    HTMLOpenTag/tbodyHTMLCloseTag
    HTMLOpenTag/tableHTMLCloseTag
                                HTMLOpenTag/divHTMLCloseTag

## Small Table

Show example code

# | First Name | Last Name | Username
--- | --- | --- | ---
1 | Angelina | Jolie | @angelinajolie
2 | Brad | Pitt | @bradpitt
3 | Charlie | Hunnam | @charliehunnam

                    HTMLOpenTagdiv class="overflow-x-auto"HTMLCloseTag
                                    HTMLOpenTagtable
        data-tw-merge
        class="w-full text-left"
    HTMLCloseTag
        HTMLOpenTagthead
        data-tw-merge
        class=""
    HTMLCloseTag
        HTMLOpenTagtr
        data-tw-merge
        class=""
    HTMLCloseTag
        HTMLOpenTagth
        data-tw-merge
        class="font-medium px-5 py-3 border-b-2 dark:border-darkmode-300 px-4 py-2 whitespace-nowrap"
    HTMLCloseTag
        #
    HTMLOpenTag/thHTMLCloseTag
                                                HTMLOpenTagth
        data-tw-merge
        class="font-medium px-5 py-3 border-b-2 dark:border-darkmode-300 px-4 py-2 whitespace-nowrap"
    HTMLCloseTag
        First Name
    HTMLOpenTag/thHTMLCloseTag
                                                HTMLOpenTagth
        data-tw-merge
        class="font-medium px-5 py-3 border-b-2 dark:border-darkmode-300 px-4 py-2 whitespace-nowrap"
    HTMLCloseTag
        Last Name
    HTMLOpenTag/thHTMLCloseTag
                                                HTMLOpenTagth
        data-tw-merge
        class="font-medium px-5 py-3 border-b-2 dark:border-darkmode-300 px-4 py-2 whitespace-nowrap"
    HTMLCloseTag
        Username
    HTMLOpenTag/thHTMLCloseTag
    HTMLOpenTag/trHTMLCloseTag
    HTMLOpenTag/theadHTMLCloseTag
                                        HTMLOpenTagtbodyHTMLCloseTag
        HTMLOpenTagtr
        data-tw-merge
        class=""
    HTMLCloseTag
        HTMLOpenTagtd
        data-tw-merge
        class="px-5 py-3 border-b dark:border-darkmode-300 px-4 py-2"
    HTMLCloseTag
        1
    HTMLOpenTag/tdHTMLCloseTag
                                                HTMLOpenTagtd
        data-tw-merge
        class="px-5 py-3 border-b dark:border-darkmode-300 px-4 py-2"
    HTMLCloseTag
        Angelina
    HTMLOpenTag/tdHTMLCloseTag
                                                HTMLOpenTagtd
        data-tw-merge
        class="px-5 py-3 border-b dark:border-darkmode-300 px-4 py-2"
    HTMLCloseTag
        Jolie
    HTMLOpenTag/tdHTMLCloseTag
                                                HTMLOpenTagtd
        data-tw-merge
        class="px-5 py-3 border-b dark:border-darkmode-300 px-4 py-2"
    HTMLCloseTag
        @angelinajolie
    HTMLOpenTag/tdHTMLCloseTag
    HTMLOpenTag/trHTMLCloseTag
                                            HTMLOpenTagtr
        data-tw-merge
        class=""
    HTMLCloseTag
        HTMLOpenTagtd
        data-tw-merge
        class="px-5 py-3 border-b dark:border-darkmode-300 px-4 py-2"
    HTMLCloseTag
        2
    HTMLOpenTag/tdHTMLCloseTag
                                                HTMLOpenTagtd
        data-tw-merge
        class="px-5 py-3 border-b dark:border-darkmode-300 px-4 py-2"
    HTMLCloseTag
        Brad
    HTMLOpenTag/tdHTMLCloseTag
                                                HTMLOpenTagtd
        data-tw-merge
        class="px-5 py-3 border-b dark:border-darkmode-300 px-4 py-2"
    HTMLCloseTag
        Pitt
    HTMLOpenTag/tdHTMLCloseTag
                                                HTMLOpenTagtd
        data-tw-merge
        class="px-5 py-3 border-b dark:border-darkmode-300 px-4 py-2"
    HTMLCloseTag
        @bradpitt
    HTMLOpenTag/tdHTMLCloseTag
    HTMLOpenTag/trHTMLCloseTag
                                            HTMLOpenTagtr
        data-tw-merge
        class=""
    HTMLCloseTag
        HTMLOpenTagtd
        data-tw-merge
        class="px-5 py-3 border-b dark:border-darkmode-300 px-4 py-2"
    HTMLCloseTag
        3
    HTMLOpenTag/tdHTMLCloseTag
                                                HTMLOpenTagtd
        data-tw-merge
        class="px-5 py-3 border-b dark:border-darkmode-300 px-4 py-2"
    HTMLCloseTag
        Charlie
    HTMLOpenTag/tdHTMLCloseTag
                                                HTMLOpenTagtd
        data-tw-merge
        class="px-5 py-3 border-b dark:border-darkmode-300 px-4 py-2"
    HTMLCloseTag
        Hunnam
    HTMLOpenTag/tdHTMLCloseTag
                                                HTMLOpenTagtd
        data-tw-merge
        class="px-5 py-3 border-b dark:border-darkmode-300 px-4 py-2"
    HTMLCloseTag
        @charliehunnam
    HTMLOpenTag/tdHTMLCloseTag
    HTMLOpenTag/trHTMLCloseTag
    HTMLOpenTag/tbodyHTMLCloseTag
    HTMLOpenTag/tableHTMLCloseTag
                                HTMLOpenTag/divHTMLCloseTag

## Striped Rows

Show example code

# | First Name | Last Name | Username
--- | --- | --- | ---
1 | Angelina | Jolie | @angelinajolie
2 | Brad | Pitt | @bradpitt
3 | Charlie | Hunnam | @charliehunnam

                    HTMLOpenTagdiv class="overflow-x-auto"HTMLCloseTag
                                    HTMLOpenTagtable
        data-tw-merge
        class="w-full text-left"
    HTMLCloseTag
        HTMLOpenTagthead
        data-tw-merge
        class=""
    HTMLCloseTag
        HTMLOpenTagtr
        data-tw-merge
        class="[&:nth-of-type(odd)_td]:bg-slate-100 [&:nth-of-type(odd)_td]:dark:bg-darkmode-300 [&:nth-of-type(odd)_td]:dark:bg-opacity-50"
    HTMLCloseTag
        HTMLOpenTagth
        data-tw-merge
        class="font-medium px-5 py-3 border-b-2 dark:border-darkmode-300 whitespace-nowrap"
    HTMLCloseTag
        #
    HTMLOpenTag/thHTMLCloseTag
                                                HTMLOpenTagth
        data-tw-merge
        class="font-medium px-5 py-3 border-b-2 dark:border-darkmode-300 whitespace-nowrap"
    HTMLCloseTag
        First Name
    HTMLOpenTag/thHTMLCloseTag
                                                HTMLOpenTagth
        data-tw-merge
        class="font-medium px-5 py-3 border-b-2 dark:border-darkmode-300 whitespace-nowrap"
    HTMLCloseTag
        Last Name
    HTMLOpenTag/thHTMLCloseTag
                                                HTMLOpenTagth
        data-tw-merge
        class="font-medium px-5 py-3 border-b-2 dark:border-darkmode-300 whitespace-nowrap"
    HTMLCloseTag
        Username
    HTMLOpenTag/thHTMLCloseTag
    HTMLOpenTag/trHTMLCloseTag
    HTMLOpenTag/theadHTMLCloseTag
                                        HTMLOpenTagtbodyHTMLCloseTag
        HTMLOpenTagtr
        data-tw-merge
        class="[&:nth-of-type(odd)_td]:bg-slate-100 [&:nth-of-type(odd)_td]:dark:bg-darkmode-300 [&:nth-of-type(odd)_td]:dark:bg-opacity-50"
    HTMLCloseTag
        HTMLOpenTagtd
        data-tw-merge
        class="px-5 py-3 border-b dark:border-darkmode-300"
    HTMLCloseTag
        1
    HTMLOpenTag/tdHTMLCloseTag
                                                HTMLOpenTagtd
        data-tw-merge
        class="px-5 py-3 border-b dark:border-darkmode-300"
    HTMLCloseTag
        Angelina
    HTMLOpenTag/tdHTMLCloseTag
                                                HTMLOpenTagtd
        data-tw-merge
        class="px-5 py-3 border-b dark:border-darkmode-300"
    HTMLCloseTag
        Jolie
    HTMLOpenTag/tdHTMLCloseTag
                                                HTMLOpenTagtd
        data-tw-merge
        class="px-5 py-3 border-b dark:border-darkmode-300"
    HTMLCloseTag
        @angelinajolie
    HTMLOpenTag/tdHTMLCloseTag
    HTMLOpenTag/trHTMLCloseTag
                                            HTMLOpenTagtr
        data-tw-merge
        class="[&:nth-of-type(odd)_td]:bg-slate-100 [&:nth-of-type(odd)_td]:dark:bg-darkmode-300 [&:nth-of-type(odd)_td]:dark:bg-opacity-50"
    HTMLCloseTag
        HTMLOpenTagtd
        data-tw-merge
        class="px-5 py-3 border-b dark:border-darkmode-300"
    HTMLCloseTag
        2
    HTMLOpenTag/tdHTMLCloseTag
                                                HTMLOpenTagtd
        data-tw-merge
        class="px-5 py-3 border-b dark:border-darkmode-300"
    HTMLCloseTag
        Brad
    HTMLOpenTag/tdHTMLCloseTag
                                                HTMLOpenTagtd
        data-tw-merge
        class="px-5 py-3 border-b dark:border-darkmode-300"
    HTMLCloseTag
        Pitt
    HTMLOpenTag/tdHTMLCloseTag
                                                HTMLOpenTagtd
        data-tw-merge
        class="px-5 py-3 border-b dark:border-darkmode-300"
    HTMLCloseTag
        @bradpitt
    HTMLOpenTag/tdHTMLCloseTag
    HTMLOpenTag/trHTMLCloseTag
                                            HTMLOpenTagtr
        data-tw-merge
        class="[&:nth-of-type(odd)_td]:bg-slate-100 [&:nth-of-type(odd)_td]:dark:bg-darkmode-300 [&:nth-of-type(odd)_td]:dark:bg-opacity-50"
    HTMLCloseTag
        HTMLOpenTagtd
        data-tw-merge
        class="px-5 py-3 border-b dark:border-darkmode-300"
    HTMLCloseTag
        3
    HTMLOpenTag/tdHTMLCloseTag
                                                HTMLOpenTagtd
        data-tw-merge
        class="px-5 py-3 border-b dark:border-darkmode-300"
    HTMLCloseTag
        Charlie
    HTMLOpenTag/tdHTMLCloseTag
                                                HTMLOpenTagtd
        data-tw-merge
        class="px-5 py-3 border-b dark:border-darkmode-300"
    HTMLCloseTag
        Hunnam
    HTMLOpenTag/tdHTMLCloseTag
                                                HTMLOpenTagtd
        data-tw-merge
        class="px-5 py-3 border-b dark:border-darkmode-300"
    HTMLCloseTag
        @charliehunnam
    HTMLOpenTag/tdHTMLCloseTag
    HTMLOpenTag/trHTMLCloseTag
    HTMLOpenTag/tbodyHTMLCloseTag
    HTMLOpenTag/tableHTMLCloseTag
                                HTMLOpenTag/divHTMLCloseTag