为什么react-table的分页、过滤和排序会在其(react-table)数据发生变化时自动重置?

问题描述 投票:0回答:1

我使用其

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

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

当复选框修改表的数据状态(也涉及表的过滤和排序)时,我不希望 react-table (v7.7.0) 分页重置到第一页。

有人知道吗?

reactjs sorting filter pagination react-table
1个回答
11
投票

我通过将

autoResetPage: false
autoResetFilters: false
autoResetSortBy: false
添加到
useTable
钩子解决了这个问题,如下所示:

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

© www.soinside.com 2019 - 2024. All rights reserved.