Regular Table

Pages

Users

Brad Pitt

bradpitt@left4code.com

Christian Bale

christianbale@left4code.com

Robert De Niro

robertdeniro@left4code.com

John Travolta

johntravolta@left4code.com

Products

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 class="table"HTMLCloseTag HTMLOpenTagtheadHTMLCloseTag HTMLOpenTagtrHTMLCloseTag HTMLOpenTagth class="border-b-2 dark:border-dark-5 whitespace-nowrap"HTMLCloseTag#HTMLOpenTag/thHTMLCloseTag HTMLOpenTagth class="border-b-2 dark:border-dark-5 whitespace-nowrap"HTMLCloseTagFirst NameHTMLOpenTag/thHTMLCloseTag HTMLOpenTagth class="border-b-2 dark:border-dark-5 whitespace-nowrap"HTMLCloseTagLast NameHTMLOpenTag/thHTMLCloseTag HTMLOpenTagth class="border-b-2 dark:border-dark-5 whitespace-nowrap"HTMLCloseTagUsernameHTMLOpenTag/thHTMLCloseTag HTMLOpenTag/trHTMLCloseTag HTMLOpenTag/theadHTMLCloseTag HTMLOpenTagtbodyHTMLCloseTag HTMLOpenTagtrHTMLCloseTag HTMLOpenTagtd class="border-b dark:border-dark-5"HTMLCloseTag1HTMLOpenTag/tdHTMLCloseTag HTMLOpenTagtd class="border-b dark:border-dark-5"HTMLCloseTagAngelinaHTMLOpenTag/tdHTMLCloseTag HTMLOpenTagtd class="border-b dark:border-dark-5"HTMLCloseTagJolieHTMLOpenTag/tdHTMLCloseTag HTMLOpenTagtd class="border-b dark:border-dark-5"HTMLCloseTag@angelinajolieHTMLOpenTag/tdHTMLCloseTag HTMLOpenTag/trHTMLCloseTag HTMLOpenTagtrHTMLCloseTag HTMLOpenTagtd class="border-b dark:border-dark-5"HTMLCloseTag2HTMLOpenTag/tdHTMLCloseTag HTMLOpenTagtd class="border-b dark:border-dark-5"HTMLCloseTagBradHTMLOpenTag/tdHTMLCloseTag HTMLOpenTagtd class="border-b dark:border-dark-5"HTMLCloseTagPittHTMLOpenTag/tdHTMLCloseTag HTMLOpenTagtd class="border-b dark:border-dark-5"HTMLCloseTag@bradpittHTMLOpenTag/tdHTMLCloseTag HTMLOpenTag/trHTMLCloseTag HTMLOpenTagtrHTMLCloseTag HTMLOpenTagtd class="border-b dark:border-dark-5"HTMLCloseTag3HTMLOpenTag/tdHTMLCloseTag HTMLOpenTagtd class="border-b dark:border-dark-5"HTMLCloseTagCharlieHTMLOpenTag/tdHTMLCloseTag HTMLOpenTagtd class="border-b dark:border-dark-5"HTMLCloseTagHunnamHTMLOpenTag/tdHTMLCloseTag HTMLOpenTagtd class="border-b dark:border-dark-5"HTMLCloseTag@charliehunnamHTMLOpenTag/tdHTMLCloseTag HTMLOpenTag/trHTMLCloseTag HTMLOpenTag/tbodyHTMLCloseTag HTMLOpenTag/tableHTMLCloseTag HTMLOpenTagtable class="table mt-5"HTMLCloseTag HTMLOpenTagtheadHTMLCloseTag HTMLOpenTagtr class="bg-gray-700 dark:bg-dark-1 text-white"HTMLCloseTag HTMLOpenTagth class="border-b-2 dark:border-dark-5 border-gray-600 whitespace-nowrap"HTMLCloseTag#HTMLOpenTag/thHTMLCloseTag HTMLOpenTagth class="border-b-2 dark:border-dark-5 border-gray-600 whitespace-nowrap"HTMLCloseTagFirst NameHTMLOpenTag/thHTMLCloseTag HTMLOpenTagth class="border-b-2 dark:border-dark-5 border-gray-600 whitespace-nowrap"HTMLCloseTagLast NameHTMLOpenTag/thHTMLCloseTag HTMLOpenTagth class="border-b-2 dark:border-dark-5 border-gray-600 whitespace-nowrap"HTMLCloseTagUsernameHTMLOpenTag/thHTMLCloseTag HTMLOpenTag/trHTMLCloseTag HTMLOpenTag/theadHTMLCloseTag HTMLOpenTagtbodyHTMLCloseTag HTMLOpenTagtr class="bg-gray-700 dark:bg-dark-1 text-white"HTMLCloseTag HTMLOpenTagtd class="border-b border-gray-600"HTMLCloseTag1HTMLOpenTag/tdHTMLCloseTag HTMLOpenTagtd class="border-b border-gray-600"HTMLCloseTagAngelinaHTMLOpenTag/tdHTMLCloseTag HTMLOpenTagtd class="border-b border-gray-600"HTMLCloseTagJolieHTMLOpenTag/tdHTMLCloseTag HTMLOpenTagtd class="border-b border-gray-600"HTMLCloseTag@angelinajolieHTMLOpenTag/tdHTMLCloseTag HTMLOpenTag/trHTMLCloseTag HTMLOpenTagtr class="bg-gray-700 dark:bg-dark-1 text-white"HTMLCloseTag HTMLOpenTagtd class="border-b border-gray-600"HTMLCloseTag2HTMLOpenTag/tdHTMLCloseTag HTMLOpenTagtd class="border-b border-gray-600"HTMLCloseTagBradHTMLOpenTag/tdHTMLCloseTag HTMLOpenTagtd class="border-b border-gray-600"HTMLCloseTagPittHTMLOpenTag/tdHTMLCloseTag HTMLOpenTagtd class="border-b border-gray-600"HTMLCloseTag@bradpittHTMLOpenTag/tdHTMLCloseTag HTMLOpenTag/trHTMLCloseTag HTMLOpenTagtr class="bg-gray-700 dark:bg-dark-1 text-white"HTMLCloseTag HTMLOpenTagtd class="border-b border-gray-600"HTMLCloseTag3HTMLOpenTag/tdHTMLCloseTag HTMLOpenTagtd class="border-b border-gray-600"HTMLCloseTagCharlieHTMLOpenTag/tdHTMLCloseTag HTMLOpenTagtd class="border-b border-gray-600"HTMLCloseTagHunnamHTMLOpenTag/tdHTMLCloseTag HTMLOpenTagtd class="border-b border-gray-600"HTMLCloseTag@charliehunnamHTMLOpenTag/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 class="table"HTMLCloseTag HTMLOpenTagtheadHTMLCloseTag HTMLOpenTagtrHTMLCloseTag HTMLOpenTagth class="border border-b-2 dark:border-dark-5 whitespace-nowrap"HTMLCloseTag#HTMLOpenTag/thHTMLCloseTag HTMLOpenTagth class="border border-b-2 dark:border-dark-5 whitespace-nowrap"HTMLCloseTagFirst NameHTMLOpenTag/thHTMLCloseTag HTMLOpenTagth class="border border-b-2 dark:border-dark-5 whitespace-nowrap"HTMLCloseTagLast NameHTMLOpenTag/thHTMLCloseTag HTMLOpenTagth class="border border-b-2 dark:border-dark-5 whitespace-nowrap"HTMLCloseTagUsernameHTMLOpenTag/thHTMLCloseTag HTMLOpenTag/trHTMLCloseTag HTMLOpenTag/theadHTMLCloseTag HTMLOpenTagtbodyHTMLCloseTag HTMLOpenTagtrHTMLCloseTag HTMLOpenTagtd class="border"HTMLCloseTag1HTMLOpenTag/tdHTMLCloseTag HTMLOpenTagtd class="border"HTMLCloseTagAngelinaHTMLOpenTag/tdHTMLCloseTag HTMLOpenTagtd class="border"HTMLCloseTagJolieHTMLOpenTag/tdHTMLCloseTag HTMLOpenTagtd class="border"HTMLCloseTag@angelinajolieHTMLOpenTag/tdHTMLCloseTag HTMLOpenTag/trHTMLCloseTag HTMLOpenTagtrHTMLCloseTag HTMLOpenTagtd class="border"HTMLCloseTag2HTMLOpenTag/tdHTMLCloseTag HTMLOpenTagtd class="border"HTMLCloseTagBradHTMLOpenTag/tdHTMLCloseTag HTMLOpenTagtd class="border"HTMLCloseTagPittHTMLOpenTag/tdHTMLCloseTag HTMLOpenTagtd class="border"HTMLCloseTag@bradpittHTMLOpenTag/tdHTMLCloseTag HTMLOpenTag/trHTMLCloseTag HTMLOpenTagtrHTMLCloseTag HTMLOpenTagtd class="border"HTMLCloseTag3HTMLOpenTag/tdHTMLCloseTag HTMLOpenTagtd class="border"HTMLCloseTagCharlieHTMLOpenTag/tdHTMLCloseTag HTMLOpenTagtd class="border"HTMLCloseTagHunnamHTMLOpenTag/tdHTMLCloseTag HTMLOpenTagtd class="border"HTMLCloseTag@charliehunnamHTMLOpenTag/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 class="table"HTMLCloseTag HTMLOpenTagtheadHTMLCloseTag HTMLOpenTagtrHTMLCloseTag HTMLOpenTagth class="border border-b-2 dark:border-dark-5 whitespace-nowrap"HTMLCloseTag#HTMLOpenTag/thHTMLCloseTag HTMLOpenTagth class="border border-b-2 dark:border-dark-5 whitespace-nowrap"HTMLCloseTagFirst NameHTMLOpenTag/thHTMLCloseTag HTMLOpenTagth class="border border-b-2 dark:border-dark-5 whitespace-nowrap"HTMLCloseTagLast NameHTMLOpenTag/thHTMLCloseTag HTMLOpenTagth class="border border-b-2 dark:border-dark-5 whitespace-nowrap"HTMLCloseTagUsernameHTMLOpenTag/thHTMLCloseTag HTMLOpenTag/trHTMLCloseTag HTMLOpenTag/theadHTMLCloseTag HTMLOpenTagtbodyHTMLCloseTag HTMLOpenTagtr class="hover:bg-gray-200"HTMLCloseTag HTMLOpenTagtd class="border"HTMLCloseTag1HTMLOpenTag/tdHTMLCloseTag HTMLOpenTagtd class="border"HTMLCloseTagAngelinaHTMLOpenTag/tdHTMLCloseTag HTMLOpenTagtd class="border"HTMLCloseTagJolieHTMLOpenTag/tdHTMLCloseTag HTMLOpenTagtd class="border"HTMLCloseTag@angelinajolieHTMLOpenTag/tdHTMLCloseTag HTMLOpenTag/trHTMLCloseTag HTMLOpenTagtr class="hover:bg-gray-200"HTMLCloseTag HTMLOpenTagtd class="border"HTMLCloseTag2HTMLOpenTag/tdHTMLCloseTag HTMLOpenTagtd class="border"HTMLCloseTagBradHTMLOpenTag/tdHTMLCloseTag HTMLOpenTagtd class="border"HTMLCloseTagPittHTMLOpenTag/tdHTMLCloseTag HTMLOpenTagtd class="border"HTMLCloseTag@bradpittHTMLOpenTag/tdHTMLCloseTag HTMLOpenTag/trHTMLCloseTag HTMLOpenTagtr class="hover:bg-gray-200"HTMLCloseTag HTMLOpenTagtd class="border"HTMLCloseTag3HTMLOpenTag/tdHTMLCloseTag HTMLOpenTagtd class="border"HTMLCloseTagCharlieHTMLOpenTag/tdHTMLCloseTag HTMLOpenTagtd class="border"HTMLCloseTagHunnamHTMLOpenTag/tdHTMLCloseTag HTMLOpenTagtd class="border"HTMLCloseTag@charliehunnamHTMLOpenTag/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 class="table"HTMLCloseTag HTMLOpenTagtheadHTMLCloseTag HTMLOpenTagtrHTMLCloseTag HTMLOpenTagth class="border-b-2 dark:border-dark-5 whitespace-nowrap"HTMLCloseTag#HTMLOpenTag/thHTMLCloseTag HTMLOpenTagth class="border-b-2 dark:border-dark-5 whitespace-nowrap"HTMLCloseTagFirst NameHTMLOpenTag/thHTMLCloseTag HTMLOpenTagth class="border-b-2 dark:border-dark-5 whitespace-nowrap"HTMLCloseTagLast NameHTMLOpenTag/thHTMLCloseTag HTMLOpenTagth class="border-b-2 dark:border-dark-5 whitespace-nowrap"HTMLCloseTagUsernameHTMLOpenTag/thHTMLCloseTag HTMLOpenTag/trHTMLCloseTag HTMLOpenTag/theadHTMLCloseTag HTMLOpenTagtbodyHTMLCloseTag HTMLOpenTagtr class="bg-theme-1 text-white"HTMLCloseTag HTMLOpenTagtd class="border-b dark:border-dark-5"HTMLCloseTag1HTMLOpenTag/tdHTMLCloseTag HTMLOpenTagtd class="border-b dark:border-dark-5"HTMLCloseTagAngelinaHTMLOpenTag/tdHTMLCloseTag HTMLOpenTagtd class="border-b dark:border-dark-5"HTMLCloseTagJolieHTMLOpenTag/tdHTMLCloseTag HTMLOpenTagtd class="border-b dark:border-dark-5"HTMLCloseTag@angelinajolieHTMLOpenTag/tdHTMLCloseTag HTMLOpenTag/trHTMLCloseTag HTMLOpenTagtr class="bg-theme-6 text-white"HTMLCloseTag HTMLOpenTagtd class="border-b dark:border-dark-5"HTMLCloseTag2HTMLOpenTag/tdHTMLCloseTag HTMLOpenTagtd class="border-b dark:border-dark-5"HTMLCloseTagBradHTMLOpenTag/tdHTMLCloseTag HTMLOpenTagtd class="border-b dark:border-dark-5"HTMLCloseTagPittHTMLOpenTag/tdHTMLCloseTag HTMLOpenTagtd class="border-b dark:border-dark-5"HTMLCloseTag@bradpittHTMLOpenTag/tdHTMLCloseTag HTMLOpenTag/trHTMLCloseTag HTMLOpenTagtr class="bg-theme-11 text-white"HTMLCloseTag HTMLOpenTagtd class="border-b dark:border-dark-5"HTMLCloseTag3HTMLOpenTag/tdHTMLCloseTag HTMLOpenTagtd class="border-b dark:border-dark-5"HTMLCloseTagCharlieHTMLOpenTag/tdHTMLCloseTag HTMLOpenTagtd class="border-b dark:border-dark-5"HTMLCloseTagHunnamHTMLOpenTag/tdHTMLCloseTag HTMLOpenTagtd class="border-b dark:border-dark-5"HTMLCloseTag@charliehunnamHTMLOpenTag/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 class="table"HTMLCloseTag HTMLOpenTagtheadHTMLCloseTag HTMLOpenTagtr class="bg-gray-700 dark:bg-dark-1 text-white"HTMLCloseTag HTMLOpenTagth class="whitespace-nowrap"HTMLCloseTag#HTMLOpenTag/thHTMLCloseTag HTMLOpenTagth class="whitespace-nowrap"HTMLCloseTagFirst NameHTMLOpenTag/thHTMLCloseTag HTMLOpenTagth class="whitespace-nowrap"HTMLCloseTagLast NameHTMLOpenTag/thHTMLCloseTag HTMLOpenTagth class="whitespace-nowrap"HTMLCloseTagUsernameHTMLOpenTag/thHTMLCloseTag HTMLOpenTag/trHTMLCloseTag HTMLOpenTag/theadHTMLCloseTag HTMLOpenTagtbodyHTMLCloseTag HTMLOpenTagtrHTMLCloseTag HTMLOpenTagtd class="border-b dark:border-dark-5"HTMLCloseTag1HTMLOpenTag/tdHTMLCloseTag HTMLOpenTagtd class="border-b dark:border-dark-5"HTMLCloseTagAngelinaHTMLOpenTag/tdHTMLCloseTag HTMLOpenTagtd class="border-b dark:border-dark-5"HTMLCloseTagJolieHTMLOpenTag/tdHTMLCloseTag HTMLOpenTagtd class="border-b dark:border-dark-5"HTMLCloseTag@angelinajolieHTMLOpenTag/tdHTMLCloseTag HTMLOpenTag/trHTMLCloseTag HTMLOpenTagtrHTMLCloseTag HTMLOpenTagtd class="border-b dark:border-dark-5"HTMLCloseTag2HTMLOpenTag/tdHTMLCloseTag HTMLOpenTagtd class="border-b dark:border-dark-5"HTMLCloseTagBradHTMLOpenTag/tdHTMLCloseTag HTMLOpenTagtd class="border-b dark:border-dark-5"HTMLCloseTagPittHTMLOpenTag/tdHTMLCloseTag HTMLOpenTagtd class="border-b dark:border-dark-5"HTMLCloseTag@bradpittHTMLOpenTag/tdHTMLCloseTag HTMLOpenTag/trHTMLCloseTag HTMLOpenTagtrHTMLCloseTag HTMLOpenTagtd class="border-b dark:border-dark-5"HTMLCloseTag3HTMLOpenTag/tdHTMLCloseTag HTMLOpenTagtd class="border-b dark:border-dark-5"HTMLCloseTagCharlieHTMLOpenTag/tdHTMLCloseTag HTMLOpenTagtd class="border-b dark:border-dark-5"HTMLCloseTagHunnamHTMLOpenTag/tdHTMLCloseTag HTMLOpenTagtd class="border-b dark:border-dark-5"HTMLCloseTag@charliehunnamHTMLOpenTag/tdHTMLCloseTag HTMLOpenTag/trHTMLCloseTag HTMLOpenTag/tbodyHTMLCloseTag HTMLOpenTag/tableHTMLCloseTag HTMLOpenTagtable class="table mt-5"HTMLCloseTag HTMLOpenTagtheadHTMLCloseTag HTMLOpenTagtr class="bg-gray-200 text-gray-700"HTMLCloseTag HTMLOpenTagth class="whitespace-nowrap"HTMLCloseTag#HTMLOpenTag/thHTMLCloseTag HTMLOpenTagth class="whitespace-nowrap"HTMLCloseTagFirst NameHTMLOpenTag/thHTMLCloseTag HTMLOpenTagth class="whitespace-nowrap"HTMLCloseTagLast NameHTMLOpenTag/thHTMLCloseTag HTMLOpenTagth class="whitespace-nowrap"HTMLCloseTagUsernameHTMLOpenTag/thHTMLCloseTag HTMLOpenTag/trHTMLCloseTag HTMLOpenTag/theadHTMLCloseTag HTMLOpenTagtbodyHTMLCloseTag HTMLOpenTagtrHTMLCloseTag HTMLOpenTagtd class="border-b dark:border-dark-5"HTMLCloseTag1HTMLOpenTag/tdHTMLCloseTag HTMLOpenTagtd class="border-b dark:border-dark-5"HTMLCloseTagAngelinaHTMLOpenTag/tdHTMLCloseTag HTMLOpenTagtd class="border-b dark:border-dark-5"HTMLCloseTagJolieHTMLOpenTag/tdHTMLCloseTag HTMLOpenTagtd class="border-b dark:border-dark-5"HTMLCloseTag@angelinajolieHTMLOpenTag/tdHTMLCloseTag HTMLOpenTag/trHTMLCloseTag HTMLOpenTagtrHTMLCloseTag HTMLOpenTagtd class="border-b dark:border-dark-5"HTMLCloseTag2HTMLOpenTag/tdHTMLCloseTag HTMLOpenTagtd class="border-b dark:border-dark-5"HTMLCloseTagBradHTMLOpenTag/tdHTMLCloseTag HTMLOpenTagtd class="border-b dark:border-dark-5"HTMLCloseTagPittHTMLOpenTag/tdHTMLCloseTag HTMLOpenTagtd class="border-b dark:border-dark-5"HTMLCloseTag@bradpittHTMLOpenTag/tdHTMLCloseTag HTMLOpenTag/trHTMLCloseTag HTMLOpenTagtrHTMLCloseTag HTMLOpenTagtd class="border-b dark:border-dark-5"HTMLCloseTag3HTMLOpenTag/tdHTMLCloseTag HTMLOpenTagtd class="border-b dark:border-dark-5"HTMLCloseTagCharlieHTMLOpenTag/tdHTMLCloseTag HTMLOpenTagtd class="border-b dark:border-dark-5"HTMLCloseTagHunnamHTMLOpenTag/tdHTMLCloseTag HTMLOpenTagtd class="border-b dark:border-dark-5"HTMLCloseTag@charliehunnamHTMLOpenTag/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 class="table"HTMLCloseTag HTMLOpenTagtheadHTMLCloseTag HTMLOpenTagtrHTMLCloseTag HTMLOpenTagth class="border-b-2 dark:border-dark-5 whitespace-nowrap"HTMLCloseTag#HTMLOpenTag/thHTMLCloseTag HTMLOpenTagth class="border-b-2 dark:border-dark-5 whitespace-nowrap"HTMLCloseTagFirst NameHTMLOpenTag/thHTMLCloseTag HTMLOpenTagth class="border-b-2 dark:border-dark-5 whitespace-nowrap"HTMLCloseTagLast NameHTMLOpenTag/thHTMLCloseTag HTMLOpenTagth class="border-b-2 dark:border-dark-5 whitespace-nowrap"HTMLCloseTagUsernameHTMLOpenTag/thHTMLCloseTag HTMLOpenTagth class="border-b-2 dark:border-dark-5 whitespace-nowrap"HTMLCloseTagEmailHTMLOpenTag/thHTMLCloseTag HTMLOpenTagth class="border-b-2 dark:border-dark-5 whitespace-nowrap"HTMLCloseTagAddressHTMLOpenTag/thHTMLCloseTag HTMLOpenTag/trHTMLCloseTag HTMLOpenTag/theadHTMLCloseTag HTMLOpenTagtbodyHTMLCloseTag HTMLOpenTagtrHTMLCloseTag HTMLOpenTagtd class="border-b whitespace-nowrap"HTMLCloseTag1HTMLOpenTag/tdHTMLCloseTag HTMLOpenTagtd class="border-b whitespace-nowrap"HTMLCloseTagAngelinaHTMLOpenTag/tdHTMLCloseTag HTMLOpenTagtd class="border-b whitespace-nowrap"HTMLCloseTagJolieHTMLOpenTag/tdHTMLCloseTag HTMLOpenTagtd class="border-b whitespace-nowrap"HTMLCloseTag@angelinajolieHTMLOpenTag/tdHTMLCloseTag HTMLOpenTagtd class="border-b whitespace-nowrap"HTMLCloseTagangelinajolie@gmail.comHTMLOpenTag/tdHTMLCloseTag HTMLOpenTagtd class="border-b whitespace-nowrap"HTMLCloseTag260 W. Storm Street New York, NY 10025.HTMLOpenTag/tdHTMLCloseTag HTMLOpenTag/trHTMLCloseTag HTMLOpenTagtrHTMLCloseTag HTMLOpenTagtd class="border-b whitespace-nowrap"HTMLCloseTag2HTMLOpenTag/tdHTMLCloseTag HTMLOpenTagtd class="border-b whitespace-nowrap"HTMLCloseTagBradHTMLOpenTag/tdHTMLCloseTag HTMLOpenTagtd class="border-b whitespace-nowrap"HTMLCloseTagPittHTMLOpenTag/tdHTMLCloseTag HTMLOpenTagtd class="border-b whitespace-nowrap"HTMLCloseTag@bradpittHTMLOpenTag/tdHTMLCloseTag HTMLOpenTagtd class="border-b whitespace-nowrap"HTMLCloseTagbradpitt@gmail.comHTMLOpenTag/tdHTMLCloseTag HTMLOpenTagtd class="border-b whitespace-nowrap"HTMLCloseTag47 Division St. Buffalo, NY 14241.HTMLOpenTag/tdHTMLCloseTag HTMLOpenTag/trHTMLCloseTag HTMLOpenTagtrHTMLCloseTag HTMLOpenTagtd class="border-b whitespace-nowrap"HTMLCloseTag3HTMLOpenTag/tdHTMLCloseTag HTMLOpenTagtd class="border-b whitespace-nowrap"HTMLCloseTagCharlieHTMLOpenTag/tdHTMLCloseTag HTMLOpenTagtd class="border-b whitespace-nowrap"HTMLCloseTagHunnamHTMLOpenTag/tdHTMLCloseTag HTMLOpenTagtd class="border-b whitespace-nowrap"HTMLCloseTag@charliehunnamHTMLOpenTag/tdHTMLCloseTag HTMLOpenTagtd class="border-b whitespace-nowrap"HTMLCloseTagcharliehunnam@gmail.comHTMLOpenTag/tdHTMLCloseTag HTMLOpenTagtd class="border-b whitespace-nowrap"HTMLCloseTag8023 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 class="table table--sm"HTMLCloseTag HTMLOpenTagtheadHTMLCloseTag HTMLOpenTagtrHTMLCloseTag HTMLOpenTagth class="border-b-2 dark:border-dark-5 whitespace-nowrap"HTMLCloseTag#HTMLOpenTag/thHTMLCloseTag HTMLOpenTagth class="border-b-2 dark:border-dark-5 whitespace-nowrap"HTMLCloseTagFirst NameHTMLOpenTag/thHTMLCloseTag HTMLOpenTagth class="border-b-2 dark:border-dark-5 whitespace-nowrap"HTMLCloseTagLast NameHTMLOpenTag/thHTMLCloseTag HTMLOpenTagth class="border-b-2 dark:border-dark-5 whitespace-nowrap"HTMLCloseTagUsernameHTMLOpenTag/thHTMLCloseTag HTMLOpenTag/trHTMLCloseTag HTMLOpenTag/theadHTMLCloseTag HTMLOpenTagtbodyHTMLCloseTag HTMLOpenTagtrHTMLCloseTag HTMLOpenTagtd class="border-b dark:border-dark-5"HTMLCloseTag1HTMLOpenTag/tdHTMLCloseTag HTMLOpenTagtd class="border-b dark:border-dark-5"HTMLCloseTagAngelinaHTMLOpenTag/tdHTMLCloseTag HTMLOpenTagtd class="border-b dark:border-dark-5"HTMLCloseTagJolieHTMLOpenTag/tdHTMLCloseTag HTMLOpenTagtd class="border-b dark:border-dark-5"HTMLCloseTag@angelinajolieHTMLOpenTag/tdHTMLCloseTag HTMLOpenTag/trHTMLCloseTag HTMLOpenTagtrHTMLCloseTag HTMLOpenTagtd class="border-b dark:border-dark-5"HTMLCloseTag2HTMLOpenTag/tdHTMLCloseTag HTMLOpenTagtd class="border-b dark:border-dark-5"HTMLCloseTagBradHTMLOpenTag/tdHTMLCloseTag HTMLOpenTagtd class="border-b dark:border-dark-5"HTMLCloseTagPittHTMLOpenTag/tdHTMLCloseTag HTMLOpenTagtd class="border-b dark:border-dark-5"HTMLCloseTag@bradpittHTMLOpenTag/tdHTMLCloseTag HTMLOpenTag/trHTMLCloseTag HTMLOpenTagtrHTMLCloseTag HTMLOpenTagtd class="border-b dark:border-dark-5"HTMLCloseTag3HTMLOpenTag/tdHTMLCloseTag HTMLOpenTagtd class="border-b dark:border-dark-5"HTMLCloseTagCharlieHTMLOpenTag/tdHTMLCloseTag HTMLOpenTagtd class="border-b dark:border-dark-5"HTMLCloseTagHunnamHTMLOpenTag/tdHTMLCloseTag HTMLOpenTagtd class="border-b dark:border-dark-5"HTMLCloseTag@charliehunnamHTMLOpenTag/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 class="table"HTMLCloseTag HTMLOpenTagtheadHTMLCloseTag HTMLOpenTagtrHTMLCloseTag HTMLOpenTagth class="border-b-2 dark:border-dark-5 whitespace-nowrap"HTMLCloseTag#HTMLOpenTag/thHTMLCloseTag HTMLOpenTagth class="border-b-2 dark:border-dark-5 whitespace-nowrap"HTMLCloseTagFirst NameHTMLOpenTag/thHTMLCloseTag HTMLOpenTagth class="border-b-2 dark:border-dark-5 whitespace-nowrap"HTMLCloseTagLast NameHTMLOpenTag/thHTMLCloseTag HTMLOpenTagth class="border-b-2 dark:border-dark-5 whitespace-nowrap"HTMLCloseTagUsernameHTMLOpenTag/thHTMLCloseTag HTMLOpenTag/trHTMLCloseTag HTMLOpenTag/theadHTMLCloseTag HTMLOpenTagtbodyHTMLCloseTag HTMLOpenTagtr class="bg-gray-200 dark:bg-dark-1"HTMLCloseTag HTMLOpenTagtd class="border-b dark:border-dark-5"HTMLCloseTag1HTMLOpenTag/tdHTMLCloseTag HTMLOpenTagtd class="border-b dark:border-dark-5"HTMLCloseTagAngelinaHTMLOpenTag/tdHTMLCloseTag HTMLOpenTagtd class="border-b dark:border-dark-5"HTMLCloseTagJolieHTMLOpenTag/tdHTMLCloseTag HTMLOpenTagtd class="border-b dark:border-dark-5"HTMLCloseTag@angelinajolieHTMLOpenTag/tdHTMLCloseTag HTMLOpenTag/trHTMLCloseTag HTMLOpenTagtrHTMLCloseTag HTMLOpenTagtd class="border-b dark:border-dark-5"HTMLCloseTag2HTMLOpenTag/tdHTMLCloseTag HTMLOpenTagtd class="border-b dark:border-dark-5"HTMLCloseTagBradHTMLOpenTag/tdHTMLCloseTag HTMLOpenTagtd class="border-b dark:border-dark-5"HTMLCloseTagPittHTMLOpenTag/tdHTMLCloseTag HTMLOpenTagtd class="border-b dark:border-dark-5"HTMLCloseTag@bradpittHTMLOpenTag/tdHTMLCloseTag HTMLOpenTag/trHTMLCloseTag HTMLOpenTagtr class="bg-gray-200 dark:bg-dark-1"HTMLCloseTag HTMLOpenTagtd class="border-b dark:border-dark-5"HTMLCloseTag3HTMLOpenTag/tdHTMLCloseTag HTMLOpenTagtd class="border-b dark:border-dark-5"HTMLCloseTagCharlieHTMLOpenTag/tdHTMLCloseTag HTMLOpenTagtd class="border-b dark:border-dark-5"HTMLCloseTagHunnamHTMLOpenTag/tdHTMLCloseTag HTMLOpenTagtd class="border-b dark:border-dark-5"HTMLCloseTag@charliehunnamHTMLOpenTag/tdHTMLCloseTag HTMLOpenTag/trHTMLCloseTag HTMLOpenTag/tbodyHTMLCloseTag HTMLOpenTag/tableHTMLCloseTag HTMLOpenTag/divHTMLCloseTag

Dark Mode