エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
shadcn/uiとtanstackでサーバーサイドページネーションする方法
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
shadcn/uiとtanstackでサーバーサイドページネーションする方法
やりたいこと shadcn/uiのData Tableで描画する際にサーバーサイドページネーションを行いたい。背景と... やりたいこと shadcn/uiのData Tableで描画する際にサーバーサイドページネーションを行いたい。背景としては大量のデータが存在する項目を一覧表示したい場合に全てのデータをクライエントに渡すとデータの容量が重くなるためクライエントで指定した範囲のデータのみ取得してくるようにしたかったです。 注意点 私の理解が不十分な部分があり、manualPaginationの場合でもtableのstateを管理するためにTanStackのTable APIsが使用できたかもしれません。今後Table APIsで管理できた場合はそちらに書き直そうと思っています。 また簡単のため実際に動作させているコードから本題と逸れる部分は省いたためそのままでは動かない可能性があります。 Version情報 Next: 14.2.5 tanstack/react-table: 8.20.1 参考にした記事・リ