TantStack テーブルの現在のページ インデックスを取得する方法
P粉909476457
2023-09-02 12:11:52
<p>TantStack と React Table ライブラリを使用してテーブルを構築しています。 「ページ 1/8」のように、テーブル フッターに現在のページ インデックスを表示したいと考えています。「1」は現在のページ番号を意味し、「8」は総ページ数を意味します。 TantStack テーブルの状態から現在のページ インデックスにアクセスする方法がわかりません。 </p>
<p>これらのボタンの間に配置する必要があります: </p>
<pre class="brush:php;toolbar:false;"><ボタン
バリアント="アウトライン"
サイズ = "sm"
onClick={() => table.previousPage()}
無効={!table.getCanPreviousPage()}
>
前の
</ボタン>
<ボタン
バリアント="アウトライン"
サイズ = "sm"
onClick={() => table.nextPage()}
無効={!table.getCanNextPage()}
>
次
</ボタン></pre></p>
ページ インデックスを状態変数に保存し、setState メソッドを Tanstack テーブルに渡して現在のページ インデックスを設定する必要があります。次のコードを試すことができます:
リーリー