Tanstack Table

A powerful datatable for your app built with TanStack Table.

Source code

Click here to see the source code for this component on GitHub. Feel free to copy it and adjust it for your own use.

Installation

npx ui-thing@latest add tanstacktable

Usage

Regular

ID
Amount
Status
Email
m5gr84i9316
success
ken99@yahoo.com
3u1reuv4242
success
Abe45@gmail.com
derv1ws0837
processing
Monserrat44@gmail.com
5kma53ae874
success
Silas22@gmail.com
bhqecj4p721
failed
carmella@hotmail.com
5kma53ae874
success
ujmovto@tezotu.bb
bhqecj4p721
failed
gi@po.tz
0 of 7 row(s) selected
Page 1 of 1

Basic

NameEmailLocationStatusBalance
Carlton Bruenmarty_dickinson56@yahoo.comFort Bentonland
Inactive
$996.70
Dr. Susan Hilpertfern_adams79@gmail.comSchambergerland
Inactive
$578.41
Patricia Hahnsadye6@gmail.comNew Rosetta
Active
$703.03
Jesus Trantowjulia_kling@yahoo.comJudyshire
Inactive
$68.85
Delia Pfeffer Sr.keeley.effertz25@yahoo.comPort Gordon
Inactive
$608.44
Total$2,955.43

Basic data table made with TanStack Table

Filters

Keyword
Intents
Volume
CPC
Traffic
Link
react components
I
N
2.5K2.588https://www.originui.com
buy react templates
C
T
1.9K4.7565https://www.originui.com/templates
react ui library
I
C
3.2K3.25112https://www.originui.com/docs
tailwind components download
T
8901.9545https://www.originui.com/download
react dashboard template free
C
T
4.1K5.5156https://www.originui.com/templates/dashboard
how to use react components
I
1.2K1.2542https://www.originui.com/tutorials
react ui kit premium
C
T
7606.828https://www.originui.com/pricing
react component documentation
I
N
9501.835https://www.originui.com/docs/components

Data table with filters made with TanStack Table