为什么通过更改其数据来重置 react-table 分页和过滤器？

Question

我使用 Cell 属性向我的 table 列列表添加了 4 个自定义列；每行中的每个都包含一个复选框，用于更改 table 数据状态的特定属性；它的数据状态结构是这样的：

export type dataType = {
    id: number;
    getAccess: boolean;
    insertAccess: boolean;
    editAccess: boolean;
    deleteAccess: boolean;
}[];

当 table 的数据状态被复选框修改时，我不希望 react-table 分页重置到第一页（也关于 table 的过滤器).

有人知道吗？

Answer 1

我通过将 autoResetPage: false 和 autoResetFilters: false 添加到 useTable 钩子来找到解决方案

    const tableInstance = useTable({
        columns,
        data,
        autoResetPage: false,
        autoResetFilters: false
    }, usePagination)

为什么通过更改其数据来重置 react-table 分页和过滤器？

Why are react-table pagination and filter reset by changing its data?

pagination

filtering

filter

reactjs

react-table