Midone - Tailwind Admin Dashboard Template

Regular Table

Basic Table

# 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

# 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

# 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

# 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

# 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

# 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

# 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

# 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