Problem to solve

Currently, multi-sort always appends new columns to the sort-by array, so the last column has the lowest priority. It works fine until the table has initial sorting defined when the page loads and user would like sort by something not realizing that he/she has to undo sorting for all the sorted columns.

While the best UX requires some external sorting menu/dropdown with a drag&drop, some developers might want to keep it simple and just prioritize the sorting of the last-clicked column.

Proposed solution

• multi-sort to accept an object with following fields
  • mode: 'prepend' | 'append' - defaults to 'append'
  • modifier: 'shift' | 'alt' - (optional) allows holding key to flip the sorting mode
  • key: 'ctrl' | undefined - (optional) requires user to hold key when sorting (similar to PrimeVue and AgGrid)