Table

A growing collection of 20 table components built with React and Tailwind CSS.

Name	Email	Location	Status	Balance
Connor Love	clove@loveui.dev	Columbus, Ohio	Active	$1,250.00
Sampson Addae	saddae@example.com	Ghana, Africa	Active	$600.00
Ian Shroeter	ischroeter@company.com	New York City, New York	Inactive	$650.00
Thomas Raklovits	traklovits@company.com	Cleveland, Ohio	Active	$0.00
Nathan Wickersham	nwick@company.com	Los Angeles, CA	Active	-$1,000.00
Total				$2,500.00

Basic table

Name	Email	Location	Status	Balance
Connor Love @alexthompson	clove@loveui.dev	Columbus, Ohio	Active	$1,250.00
Sampson Addae @sarahchen	saddae@example.com	Ghana, Africa	Active	$600.00
Thomas Raklovits @mariagarcia	traklovits@company.com	Cleveland, Ohio	Active	$0.00
Nathan Wickersham @davidkim	nwick@company.com	Los Angeles, CA	Active	-$1,000.00

Table with images

Name	Email	Location	Status	Balance
Connor Love	clove@loveui.dev	Columbus, Ohio	Active	$1,250.00
Sampson Addae	saddae@example.com	Ghana, Africa	Active	$600.00
Ian Shroeter	ischroeter@company.com	New York City, New York	Inactive	$650.00
Thomas Raklovits	traklovits@company.com	Cleveland, Ohio	Active	$0.00
Nathan Wickersham	nwick@company.com	Los Angeles, CA	Active	-$1,000.00
Total				$2,500.00

Table without horizontal dividers

Name	Email	Location	Status	Balance
Connor Love	clove@loveui.dev	Columbus, Ohio	Active	$1,250.00
Sampson Addae	saddae@example.com	Ghana, Africa	Active	$600.00
Ian Shroeter	ischroeter@company.com	New York City, New York	Inactive	$650.00
Thomas Raklovits	traklovits@company.com	Cleveland, Ohio	Active	$0.00
Nathan Wickersham	nwick@company.com	Los Angeles, CA	Active	-$1,000.00
Total				$2,500.00

Striped table

Name	Email	Location	Status	Balance
Connor Love	clove@loveui.dev	Columbus, Ohio	Active	$1,250.00
Sampson Addae	saddae@example.com	Ghana, Africa	Active	$600.00
Ian Shroeter	ischroeter@company.com	New York City, New York	Inactive	$650.00
Thomas Raklovits	traklovits@company.com	Cleveland, Ohio	Active	$0.00
Nathan Wickersham	nwick@company.com	Los Angeles, CA	Active	-$1,000.00

Table with vertical lines

Name	Release Year	Developer	Typing	Paradigm	Extension	Latest Version	Popularity
JavaScript	1995	Brendan Eich	Dynamic	Multi-paradigm	.js	ES2021	High
Python	1991	Guido van Rossum	Dynamic	Multi-paradigm	.py	3.10	High
Java	1995	James Gosling	Static	Object-oriented	.java	17	High
C++	1985	Bjarne Stroustrup	Static	Multi-paradigm	.cpp	C++20	High
Ruby	1995	Yukihiro Matsumoto	Dynamic	Multi-paradigm	.rb	3.0	Low

Dense table

	Name	Email	Location	Status	Balance
	Connor Love	clove@loveui.dev	Columbus, Ohio	Active	$1,250.00
	Sampson Addae	saddae@example.com	Ghana, Africa	Active	$600.00
	Ian Shroeter	ischroeter@company.com	New York City, New York	Inactive	$650.00
	Thomas Raklovits	traklovits@company.com	Cleveland, Ohio	Active	$0.00
	Nathan Wickersham	nwick@company.com	Los Angeles, CA	Active	-$1,000.00
Total					$2,500.00

Table with row selection

	Name	Email	Location	Status	Balance
	Connor Love	clove@loveui.dev	Columbus, Ohio	Active	$1,250.00
	Sampson Addae	saddae@example.com	Ghana, Africa	Active	$600.00
	Ian Shroeter	ischroeter@company.com	New York City, New York	Inactive	$650.00
	Thomas Raklovits	traklovits@company.com	Cleveland, Ohio	Active	$0.00
	Nathan Wickersham	nwick@company.com	Los Angeles, CA	Active	-$1,000.00
Total					$2,500.00

Card Table

Name	Nathan Wickersham
Email	nwick@company.com
Location	Los Angeles, CA
Status	Active
Balance	$1,000.00

Vertical table

Name	Email	Location	Status	Balance
Connor Love	clove@loveui.dev	Columbus, Ohio	Active	$1,250.00
Sampson Addae	saddae@example.com	Ghana, Africa	Active	$600.00
Ian Shroeter	ischroeter@company.com	New York City, New York	Inactive	$650.00
Thomas Raklovits	traklovits@company.com	Cleveland, Ohio	Active	$0.00
Nathan Wickersham	nwick@company.com	Los Angeles, CA	Active	-$1,000.00
John Brown	john.brown@company.com	New York, US	Active	$1,500.00
Jane Doe	jane.doe@company.com	Paris, FR	Inactive	$200.00
Peter Smith	peter.smith@company.com	Berlin, DE	Active	$1,000.00
Olivia Lee	olivia.lee@company.com	Tokyo, JP	Active	$500.00
Liam Chen	liam.chen@company.com	Shanghai, CN	Inactive	$300.00
Ethan Kim	ethan.kim@company.com	Busan, KR	Active	$800.00
Ava Brown	ava.brown@company.com	New York City, New York	Active	$1,200.00
Lily Lee	lily.lee@company.com	Los Angeles, CA	Active	$400.00
Noah Smith	noah.smith@company.com	New York, US	Inactive	$600.00
Eve Chen	eve.chen@company.com	Taipei, TW	Active	$1,800.00
Total				$2,500.00

Table with sticky header

	Desktop browsers					Mobile browsers
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox Android	Opera Android	Safari iOS	Samsung Internet
scroll-timeline	Supported 115	Supported 115	Not supported 111	Supported 101	Not supported No	Supported 115	Not supported No	Supported 77	Not supported No	Supported 23
view-timeline	Supported 115	Supported 115	Not supported 114	Supported 101	Not supported No	Supported 115	Not supported No	Supported 77	Not supported No	Supported 23
font-size-adjust	Supported 127	Supported 127	Not supported 3	Supported 113	Supported 16.4	Supported 127	Supported 4	Supported 84	Supported 16.4	Not supported No

	Name	Email	Location	Status	Balance
No results.
Total					$0.00

Basic data table made with TanStack Table

Keyword

Intents

Volume

CPC

Traffic

Keyword	Intents	Volume	CPC	Traffic	Link
react ui kit premium	C T	760	$6.8	28	https://loveui.dev/building-blocks/avatar
react component documentation	I N	950	$1.8	35	https://loveui.dev/building-blocks
how to use react components	I	1.2K	$1.25	42	https://loveui.dev/building-blocks/table
tailwind components download	T	890	$1.95	45	https://loveui.dev/building-blocks/alert
buy react templates	C T	1.9K	$4.75	65	https://loveui.dev/building-blocks/input
react components	I N	2.5K	$2.5	88	https://loveui.dev/building-blocks
react ui library	I C	3.2K	$3.25	112	https://loveui.dev/building-blocks/badge
react dashboard template free	C T	4.1K	$5.5	156	https://loveui.dev/building-blocks/tabs

Data table with filters made with TanStack Table

Name	Email	Location	Status	Balance	Department	Role	Join Date	Last Active	Performance
No results.

Resizable and sortable columns made with TanStack Table

Name	Email	Location	Status	Balance	Department	Role	Join Date	Last Active	Performance
No results.

Pinnable columns made with TanStack Table

Name	Email	Location	Status	Balance
No results.

Draggable columns made with TanStack Table and dnd kit

		Name	Email	Location	Status	Balance
No results.

Expanding sub-row made with TanStack Table

	Name	Email	Location	Status	Balance
No results.

1-0 of 0

Paginated table made with TanStack Table

	Name	Email	Location	Status	Balance
No results.

Page 1 of 0

Numeric pagination made with TanStack Table

	Name	Email	Location	Status	Performance	Balance	Actions
No results.

1-0 of 0

Example of a more complex table made with TanStack Table

Didn't find what you were looking for?

Suggest component