Freeze sorting on a column

Hi, I've defined an initial sort for one column in a multisorting table, and I'd like to always keep that column sorted no matter what other columns the user selects (so all other columns are effectively a "secondary" sort). I can get the initial state:

  const [sorting, setSorting] = useState([
    {
      id: 'high_priority',
      desc: true
    }
  ]);

  const [sorting, setSorting] = useState([
    {
      id: 'high_priority',
      desc: true
    }
  ]);

to get the

high_priority

high_priority

column sorted correctly, but then when the user clicks another column this is forgotten. I tried a custom hook, but I can't figure out how to deal with the

updaterFn

updaterFn

that's passed to the hook in

setSorting

setSorting

. I've been over the docs, but I honestly don't know what the best way to proceed is. Can anyone help me out?

TanStack•4y ago•

1 reply

abstract-purple

Freeze sorting on a column

  const [sorting, setSorting] = useState([
    {
      id: 'high_priority',
      desc: true
    }
  ]);

  const [sorting, setSorting] = useState([
    {
      id: 'high_priority',
      desc: true
    }
  ]);

to get the

high_priority

high_priority

column sorted correctly, but then when the user clicks another column this is forgotten. I tried a custom hook, but I can't figure out how to deal with the

updaterFn

updaterFn

that's passed to the hook in

setSorting

setSorting

. I've been over the docs, but I honestly don't know what the best way to proceed is. Can anyone help me out?

Freeze sorting on a column

Similar Threads

Freeze sorting on a column

Similar Threads

Similar Threads

Similar Threads