Disable Sorting on Header Click

[applegirl21]

Is it possible to disable sorting on header click, but still keep the sort buttons? I checked the docs and didn’t see anything. There is a discussion about disabling the third sort click on the header, but the solution didn’t work. When I tried to add the enableSortingRemoval: false to the column definition, it said the property didn’t exist. I was able to add it on the table itself, but it still didn’t work.

[KevinVandy]

enableSortingRemoval is for just whether or not toggling sorting includes the 3rd click click to unsort. And no I don't think it is currently possible to disable the current click behavior. But it is made this way for good accessibility. I would think twice before removing it.

[applegirl21]

Is it possible to add custom buttons to the headers without triggering the sort button? I used the Header option, but it causes the sort button to be toggled whenever my custom button is clicked because it’s part of the header.

[MarkusEllyton]

You could stop the propagation of the click event

Header: () => {
            return <button onClick={(e) => {e.stopPropagation(); console.log("Clicked!")}}>Click me!</button>
        }