如何在 React 表中禁用排序？

Question

Disable sorting for a particular column is not working, I have used the method from documentation https://react-table.tanstack.com/docs/api/useSortBy

export const COLUMNS = [
    {
        Header: 'Avatar',
        accessor: 'avatar',
        maxWidth: 50,
        minWidth: 50,
    Cell: ({ cell: { value } }) => (
      <img
        src={value}
        width={60}
      />
    )


    },
    {
        Header: 'Name',
        accessor: 'name', 
        Filter:ColumnFilter,
        disableSortBy:'true'
        

    }
]

Answer 1

You are using string value:

disableSortBy: 'true'

You should use boolean value instead:

disableSortBy: true

Answer 2

With TanStack v8, you have enableSorting: false, now in the columnHelper.accessor that does the job