How to disable sort in React table?

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'
        

    }
]

Артём Гуслов · Accepted Answer · 2021-04-22 11:57:48Z

4

You are using string value:

disableSortBy: 'true'

You should use boolean value instead:

disableSortBy: true

answered Apr 22, 2021 at 11:57

Артём Гуслов

413 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Benjamin Merchin · Accepted Answer · 2022-08-30 15:28:36Z

0

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

answered Aug 30, 2022 at 15:28

Benjamin Merchin

1,9291 gold badge10 silver badges12 bronze badges

Comments

pesinasiller · Accepted Answer · 2024-10-22 13:53:05Z

0

in "react-table": "6.11.5":

sortable: boolean

in either the table or the column props

answered Oct 22, 2024 at 13:53

pesinasiller

611 silver badge7 bronze badges

Collectives™ on Stack Overflow

How to disable sort in React table?

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related