Sorting does not take multiple pages into account

[devotox]

When you sort by a column it does not look at the other pages ... it just sorts current page.

Is there an action at least we can override to perform our own sorting?

[panthony]

@devotox You can pass onChangeSort on the table itself. Combined with sortProp and sortDir you have full control hover the state and how you sort your data.

See #13

[syedasadhasan]

I added the onChangeSort handler and change the model data accordingly but sorting is still working on the displayed records only.

[panthony]

@syedasadhasan You can do something like this:

          {{#paper-data-table
            sortProp=model.sortProp
            sortDir=model.sortDir
            onChangeSort=(action "onChangeSort") selectable=false as |table|}}
           {{!-- iterate over model.items !--}}
         {{/paper-data-table}}

onChangeSort({ sortProp, sortDir }) {
    // if all items exists locally you can just sort 'items' instead of querying your backend.
    this.fetchItemsFromByBackend({ sortProp, sortDir }) // fetch items from backend using new sort
         .then((items) => {
           // update items with sorted one from my backend
           this.set('model', { items, sortProp, sortDir });
         }); 
}

[syedasadhasan]

I tried this and sorting is working only on the column which is set as default to sortProp in template with {{#paper-data-table}}. For any other column, when I clicked to sort, in onChangeSort action i am getting these values. sortDir=undefined and sortProp = {sortProp: "name", sortDir: "asc"}. Now when I click again on same column I got again same value for direction, sortDir=undefined and sortProp = {sortProp: "name", sortDir: "asc"}. Pls help.