Some questions, I saw in the data-table.tsx, its using useRouter and other "use" hooks which give error in the NextJs stating that it needs to be a client component?
I already checked the demo, all the implemetations you did are great. But one issue is that row selection has some issue, when I select all rows and navigate to another page, the items still selected in another page even the single item selected state, i.e I selected first row but the another page still select the first row.
My main complaint with shadcn's demo table was the absolutely massive dependency tree full of imports spread out all over the place. Looks like you've improved on it a lot with a cleaner repo! Thanks!
Thanks for sharing your views 😊! This code is using the same base as shadcn's demo table, but now you probably don't ever need to update the data-table file, except if you want to customise the design.
Oh that would be interesting to make! We probably won't include it in the table component though, since it won't be something a lot of people will actually be using, but would be a fun thing to have. The thing is, this is not related to the table as such and this would be related to the data you're getting back. You have to query the data and then somehow find a way to generate a csv using the data, which the person will be able to download
I am using Reactjs with Tanstack rest api and having difficulty with search and filtering pagination, can someone who has encountered this situation share with me?
2 bugs. When I select the first item and goto next page the first item there will also be selected When you select 50 per page go to page 2 and filter on a keyword that iLife’s only a few results it will not show it as it stays on page 2
Hello, can you create a beginner friendly version of this application? I was reading your code but I don't have much experience with T3 stack and Prisma. If you could re-create this using json-server and swr/tanstack query it would be much appreciated.
Hey man! Most of this code is just using shadcn's ui library and you don't even have to rewrite the data-table component. You can directly use it inside your application, you just need to handle querying the data
In that case, you will have to manage getting the data by yourself, and manipulating the data (filtering, sorting, pagination) using the data parameters you get back
Hey, can you tell me a use case where you will actually need this, since it's a table which is showing dynamic data and I don't really get where this would be useful. Were you thinking of something specific?
@@livecode247 Yes, in scenarios where you add data on admin panel and then you want customer facing app to show data in a particular order, so dragging and rearranging would be an intuitive way to do it.
This is so good. I can not state how grateful I am for that.
Thanks a lot guys, really appreciate the work you put into this table.
Well done just the right video I was looking for. I skimmed through and it appears you go into enough detail but don't over explain. I like it a lot 👍
Thank you so much!
Really appreciate the work that went into this! Thank you and Sadman. 🙌🏻
Some questions, I saw in the data-table.tsx, its using useRouter and other "use" hooks which give error in the NextJs stating that it needs to be a client component?
The component is actually inside a "use client" directive, if I remember correct
Thank you for the compliment!
You are doing great. I checked your skateshop project it is wonderful.
Haha that's completely Sadmann man, nothing by me 😊... Agree he's doing a wonderful job!
I already checked the demo, all the implemetations you did are great. But one issue is that row selection has some issue, when I select all rows and navigate to another page, the items still selected in another page even the single item selected state, i.e I selected first row but the another page still select the first row.
My main complaint with shadcn's demo table was the absolutely massive dependency tree full of imports spread out all over the place. Looks like you've improved on it a lot with a cleaner repo! Thanks!
Thanks for sharing your views 😊! This code is using the same base as shadcn's demo table, but now you probably don't ever need to update the data-table file, except if you want to customise the design.
Keep going. You always have amazing content. Indeed, it really help us a lot. ❤ #underrated
Thank you 🙌! Means a lot!
would it be easy to port this to astrojs by any chance? or is it heavily reliant on next? thank you!
it the table support crud operation?
Can u show us a complete CRUD?
Thank you for this, is is possible to make a download button where it downloads the filtered data?
Oh that would be interesting to make! We probably won't include it in the table component though, since it won't be something a lot of people will actually be using, but would be a fun thing to have. The thing is, this is not related to the table as such and this would be related to the data you're getting back. You have to query the data and then somehow find a way to generate a csv using the data, which the person will be able to download
I am using Reactjs with Tanstack rest api and having difficulty with search and filtering pagination, can someone who has encountered this situation share with me?
2 bugs. When I select the first item and goto next page the first item there will also be selected
When you select 50 per page go to page 2 and filter on a keyword that iLife’s only a few results it will not show it as it stays on page 2
Fixed the second issue. Looking into the first one. Thank you for pointing it out!
Hello, can you create a beginner friendly version of this application? I was reading your code but I don't have much experience with T3 stack and Prisma. If you could re-create this using json-server and swr/tanstack query it would be much appreciated.
Hey man! Most of this code is just using shadcn's ui library and you don't even have to rewrite the data-table component. You can directly use it inside your application, you just need to handle querying the data
Please do for projects that not use orm
In that case, you will have to manage getting the data by yourself, and manipulating the data (filtering, sorting, pagination) using the data parameters you get back
Any idea how to make rows draggable ?
Hey, can you tell me a use case where you will actually need this, since it's a table which is showing dynamic data and I don't really get where this would be useful. Were you thinking of something specific?
@@livecode247 Yes, in scenarios where you add data on admin panel and then you want customer facing app to show data in a particular order, so dragging and rearranging would be an intuitive way to do it.
does the url still working?
Think Sadman changed it to table.sadmn.com/