Removable sort on DataTable - TreeTable

[Deepak2985]

If we apply sorting to the column in datatable. We can then only sort it ascending and descending.
There is no option of removing the sort. What I am mean to say on clicking third time on the column header the sorting should get removed.

[Sellec]

I had never see such behaviour in any site or component (.Net controls,web components etc). Do you have real examples of this?

[Deepak2985]

Yes I have seen please find the link below.
https://www.jqwidgets.com/jquery-widgets-demo/demos/jqxgrid/defaultfunctionality.htm?light

[Deepak2985]

One more Angular material datatable
https://material.angular.io/components/table/overview

[Deepak2985]

@Sellec The thing is if we add sort to a column then we should have an option to remove the sort. Right?

[cagataycivici]

Although it is not a common UX, it is available in PrimeReact, see the removable sort option.

https://primefaces.org/primereact/showcase/#/datatable/sort

If there is demand on this issue, we can add it to PrimeVue as well.

[wanglin86769]

For the bootstrap-vue component library, Clicking on a non-sortable column header will clear the sorting.
https://bootstrap-vue.js.org/docs/components/table

[cagataycivici]

Adding removableSort enables this behavior where 3rd click removes the sorting on a column, also works on multiple column sorting. Will be available with next week's 1.3.0.