User can click on column header with 'sortable: false' or on column header, for which sortable was not specified at all and table sorting will be changed.
Grid sorting should be not changed, click on non sortable column header should be ignored.
Libraries:
https://jsfiddle.net/zmvq4dx3/
If something not clear, please, let me know.
Clicking on a non-sortable column will clear any active sort:
https://bootstrap-vue.js.org/docs/components/table#sorting
As mentioned in the Fields section above, you can make columns sortable. Clicking on a sortable column header will sort the column in ascending direction (smallest first), while clicking on it again will switch the direction of sorting. Clicking on a non-sortable column will clear the sorting. The prop
no-sort-reset
can be used to disable this feature.
Most helpful comment
Clicking on a non-sortable column will clear any active sort:
https://bootstrap-vue.js.org/docs/components/table#sorting