Sorting does not take multiple pages into account about paper-data-table HOT 4 OPEN

@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

from paper-data-table.

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

from paper-data-table.

@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 });
         }); 
}

from paper-data-table.

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.

from paper-data-table.