如何获取TantStack表的当前Page Index

Question

我正在努力使用 TantStack 和 React Table 库构建一个表。我想在表页脚中显示当前页面索引，例如“第 1 页，共 8 页”，其中“1”表示当前页码，“8”是总页数。我无法弄清楚如何从 TantStack 表状态访问当前页面索引。

它应该放置在这些按钮之间：

<Button
          variant="outline"
          size="sm"
          onClick={() => table.previousPage()}
          disabled={!table.getCanPreviousPage()}
        >
          Previous
        </Button>
        <Button
          variant="outline"
          size="sm"
          onClick={() => table.nextPage()}
          disabled={!table.getCanNextPage()}
        >
          Next
        </Button>

Answer 1

这比这简单得多。只需在表格底部注明： <strong>{table.getState().pagination.pageIndex + 1} of{" "} {table.getPageCount()}</strong>