apiRef.current.sortColumn doesn't work about mui-x

[romgrk]

Here is a fixed version of that codesandbox: https://codesandbox.io/s/romantic-engelbart-nvqh4p?file=/src/App.tsx

Make sure to read our documentation on sorting.

[elkind00]

Thanks for the corrections. I did some testing, and here's a little additional information for possible readers of this issue.

Apparently only adding "sortable: true" to the Columns definition was necessary to make sorting work from Buttons. It isn't necessary if you're only using the sort icons in the column header, but if you want to sort from outside the grid using apiRef.current.sortColumn from a Button then "sortable: true" is necessary. The documentation says "Sorting is enabled by default" (twice!), but it apparently only means from within the DataGrid. When using apiRef.current.sortColumn you need the sortable property set to true.

"sortable: true" doesn't have to be added to the Columns definition. You can instead just include it in the call to apiRef.current.sortColumn() that's called by the Button. The onClick portion of the definition would look like this

onClick={() => apiRef.current.sortColumn({field: 'id', sortable: true}, "asc", false)}

I've put a live example at:

https://codesandbox.io/s/trusting-zeh-xphfvp