Is there a way to toggle only between "asc" and "desc" sort without the third option "undefined"?

[blerrgh]

I'd like to make a table where clicking the headers only switches between ascending and descending sorts and never "clears." Is there an easy way to do that?

I don't mind doing something like

on:click={() props.sort.order = (props.sort.order === 'asc') ? 'desc' : 'asc' }

But it might be even better to have an option that can passed into the plugin options

sort: addSortBy({
         ...
	toggleClearEnable: false
});

Or something similar?

[bryanmylee]

I can add that as a configuration option for the plugin, but one question that pops up is what should the default state be before any interactions are enabled?

Should it act as usual where there is no sorting before interactions?

[blerrgh]

I'd probably expect it to still have no sorting by default (unless initialSortKeys is passed as an option). Then toggle between asc and desc when the row heading is clicked.

Could also be nice to have a way to clear sorting globally programmatically. If my understanding is correct right now I'd need to iterate through all the columns and call WritableSortKeys.clearId() or headerCell.clear()? Might be nice to have a global clear() function somewhere to remove sorting from all columns.

Thanks for your help and quick response!

[bryanmylee]

I should have made this clearer in the documentation, but sortKeys is basically a writable store. You can set it to [] to clear all sorting.

const {pluginStates} = table.createViewModel(columns);
const {sortKeys} = pluginStates.sort;

// clear sorting
$sortKeys = [];

[blerrgh]

Oh right, perfect. I'm brand new to Svelte so forgive my silly questions.

Thanks!

[bryanmylee]

@blerrgh This should now be addressed with #82 in v0.15.3.

Simply customize the toggleOrder property.

...
sort: addSortBy({
  toggleOrder: ['asc', 'desc'],
}),
...

[blerrgh]

Just updated and it works great. Thanks for addressing this so quickly!