How to implement Server Side Pagination with TanStack Table and NextJS 13?

Поділитися
Вставка
  • Опубліковано 13 гру 2024

КОМЕНТАРІ • 18

  • @livecode247
    @livecode247  Рік тому

    Guys, please excuse the low audio volume. I forgot to turn up my laptop's mic's volume. If you have any issues listening, you could install the volume booster extension. Very sorry for the inconvenience.

  • @nickwoodward819
    @nickwoodward819 12 днів тому

    cool video. i guess the question is 'do i want to implement it this way?' kinda feel like a table should probably be implemented client side 9 times out of 10?

  • @daphenomenalz4100
    @daphenomenalz4100 Рік тому +1

    Congratulations bro, you have a really bright future ahead!!❤️ This stuff I don't even learn in my university, but you out here teaching this stuff for free. Really love your channel!❤️

    • @livecode247
      @livecode247  Рік тому

      Thank you so much! Appreciate it ❤️

  • @UltimateMal2k
    @UltimateMal2k 3 дні тому

    hey dude i love your neovim config! would you mind sharing the colorscheme?

    • @livecode247
      @livecode247  День тому

      Hey man I actually dont remember what I was using back then. You can check out my neovim config at github.com/kavinvalli/dotfiles

  • @ojal_sharnagat
    @ojal_sharnagat 11 місяців тому

    How to do server side pagination by just fetching the data from an external API (without using MongoDB )?
    Please help! I'm stuck in the middle of a project.

  • @abdullahmanafikhi4438
    @abdullahmanafikhi4438 2 місяці тому

    Thanks :)

  • @JoshuaMelville
    @JoshuaMelville Рік тому

    What would be the advantage of doing it this way? Since the table is a client component, you could fetch the data there and implement pagination at that level. You could still use the queryParams to set the initial data.

    • @livecode247
      @livecode247  Рік тому +3

      It's the same as the difference between fetching data on the client and fetching data on the server. If you implement pagination on the table left, your subsequent fetches will be on the client. Depends on how you want to fetch your data.

    • @hurgpt
      @hurgpt Рік тому

      It's advantageous if you have 1000s of rows in your database.

  • @alexiskenalvarez3764
    @alexiskenalvarez3764 Рік тому

    How about if you implement search input to filter the data? Is it possible with this?

    • @livecode247
      @livecode247  Рік тому

      Hey man! Check this video out: ua-cam.com/video/BsvjF5Y6-C8/v-deo.html
      Hope it helps!

  • @chhakulizingare9382
    @chhakulizingare9382 7 місяців тому

    I have a Name column in which I have name and email, Can anybody tell me how to make search by name and email?

  • @zesa2zetdc871
    @zesa2zetdc871 Рік тому

    they is another issue i want to upload a csv on a and the table must be populated by a csv in nextjs 13 can you do that

    • @livecode247
      @livecode247  Рік тому

      Oh ya I did this in a project recently with papaparse... Didn't have great type safety though.

  • @mdashiqurrahman2665
    @mdashiqurrahman2665 Рік тому

    may i get this project repo ?

    • @livecode247
      @livecode247  Рік тому

      Hey man! You'll probably be better off with this repository, which is doing everything in a uniform way and can be reused very easily: github.com/sadmann7/shadcn-table-v2
      Made a video on it over here: ua-cam.com/video/BsvjF5Y6-C8/v-deo.html