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