我使用其
Cell
属性向表列列表中添加了 4 个自定义列;每行中的每一列都包含一个复选框,用于更改表数据状态中的特定属性;它的数据状态结构是这样的:
export type dataTypes = {
id: number;
getAccess: boolean;
insertAccess: boolean;
editAccess: boolean;
deleteAccess: boolean;
}[];
当复选框修改表的数据状态(也涉及表的过滤和排序)时,我不希望 react-table (v7.7.0) 分页重置到第一页。
有人知道吗?
我通过将
autoResetPage: false
、autoResetFilters: false
和 autoResetSortBy: false
添加到 useTable
钩子解决了这个问题,如下所示:
const tableInstance = useTable({
columns,
data,
autoResetPage: false,
autoResetFilters: false,
autoResetSortBy: false
}, usePagination)