I Never Want to Create React Tables Any Other Way

Man, the React ecosystem is just amazing. Tables can be very complex in their logic and design. I usually relied on a heavy, bloated data grid from Material-UI. NOT ANYMORE HEHE! Look at this table and tell me it ain't awesome. The combination of shadcn's design with the functionality of tanstack tables is powerful.

[NicolasSouthern]

I’ve been utilizing Tanstack Table in my latest project and have been seeing great results. The documentation can be a little lacking and there’s definitely trial and error with getting it just right but it’s very powerful.

[Play_Streams]

After using Tanstack for a while I've just created my own table component. When you think about it, once you deal with the main issues: Pagination, Search, Column sort, Row count selection and Data export you have a pretty reusable tool you can copy over to multiple projects.

[artu-hnrq]

Useful component. Quick, precise and too valuable presentation!
I've been finding really interesting tips from your videos.
Thanks for all these shadings 👏

[jjrise]

I swear this is the 10th time now I've laughed out loud at one of your videos because of the irony. I started using shadui a few weeks ago, then saw your videos on it. Yesterday I started using his new data table, then saw this video. Same a few months ago with T3 related stuff, trpc, etc. I love how you read my mind and deliver videos at the perfect time ; ).

[afrojdi]

Just came across ur channel randomly on my feed. As a software developer who works on lots of react projects, I find ur videos really helpful. 👍🏿👍🏿

[UwU-dxhu]

I just loved how you addressed the main two problems forms and tables.
Then how presented the whole video. Keep up the good work❤

[SeanCassiere]

As someone who's been shipping Tanstack Table for a while now, it's great that Shad was able to get this new styled DataGrid out.

[KevinVandyTech]

Awesome to see coverage on TanStack Table. There are now many implentations and examples for how to use it now. Glad Tailwind is finally getting showcased with it.

I have made MUI and Mantine implementations if curious, but they are not quite as modular as this one.

[haritpatel]

Would love a more detailed video on this ? Maybe a small case project on shadcn.
Love your content, always on the point ❤ and value.

[matthewrossee]

Hi Josh, what about server side pagination? Because you rarely want to fetch all users from the DB.

[ralexand]

Could you implement something like column freezing. I feel like that's only supported by the more advanced tables.

[dogcitydog]

Hello, I did not know this bookstore. It seems to have good performance, but I would like to know if you have the option to enable data editing by cells and copy/paste?

[stevebendersky]

I have used this table with Tanstack Table, how do I make filter in each of the columns (for example filter by gender or by goal)? thanks

[bitcraftr]

Exactly what I was looking for, and I asked this same question on the day you posted the video! <3

[varinderpalsingh]

I’m using same library for current project only issue I’m having is rendering components like autocomplete, calendar, text field in cell which takes time to load when add more rows

[faridgonzalez]

Hey bro, how are you doing? I listened to you and downloaded the data table but I have a problem. I need to put drop-down selects in one of the columns, to select the user, but I don't know how to do it, I see it as almost impossible. Can? And how would it be? thank you

[mohammedabujayyab]

if you want to make headers fixed, footer for totals also fixed for month summary and grand total. which library should you use?

[alexscorer]

I love you for explaing these components - gave me such a headache in the past..
I'd also love it if you did a few example projects - such as multiTennant
Keep it up!

[c]

Each news on this library is just mind-blowing

[longnhat]

So the pagination is done on client side? Can this work for serverside pagination?. Server side pagination mean i only fetch data of the page im currently in?. Thanks