禁用反应表中的排序

Question

let {
    getTableProps,
    getTableBodyProps,
    headerGroups,
    prepareRow,
    page,
    canPreviousPage,
    canNextPage,
    nextPage,
    previousPage,
    state: { pageIndex, sortBy }
  } = useTable(
    {
      columns,
      data,
      sortable: {dsiabledSort}
      manualPagination: true,
      manualSortBy: true
    },
    useSortBy,
    usePagination
  );

dsiabledSort 是变量，它可以是 false 或 true，它设置为 true，但表仍然有排序...我也尝试过简单

sortable:false

但还是不行

任何帮助谢谢

Answer 1

在版本 7上，如果要禁用对单个列的排序，请使用disableSortBy列定义，例如：

{
    Header: 'Column Title',
    accessor: 'title',
    disableSortBy: true
}

Answer 2

使用带有选项的useSortBy钩子disableSortBy：

let {
    getTableProps,
    getTableBodyProps,
    headerGroups,
    prepareRow,
    page,
    canPreviousPage,
    canNextPage,
    nextPage,
    previousPage,
    state: { pageIndex, sortBy }
} = useTable(
    {
       columns,
       data,
       manualPagination: true,
       manualSortBy: true,
       disableSortBy: disabledSort // Add disableSortBy here
    },
    useSortBy,
    usePagination
);