How can I loop ascending and descending only two states when clicking sortable column?

[sthtnr]

Hi guys.

I'm using useSortBy hook, and I want to make sure that every time I click on a sortable column, it takes only two states, ascending and descending, but it seems there need to be un-sorted state between two states as far as looking docs and demo.

Is there a way to achieve the results I want?
Thanks in advance.

[jzbuchalski]

We would also find only a two state sorting useful, anyone know how to achieve this?

[tadger]

I believe you're looking for the disableSortRemove option (passed to useTable) documented here, eg:

const {
  // ...
} = useTable({
  columns,
  data,
  disableSortRemove: true
}, useSortBy);

[sthtnr]

Thanks for your comment!
This is exactly what I was looking for:)

[jzbuchalski]

@tadger , thanks for the quick response, missed it in the docs. Works as advertised 👍