Sorting in object value by customized key about ngx-auto-table HOT 4 CLOSED

Impressive @benwinding! I like the changes and it works well.

Thanks a lot.

from ngx-auto-table.

Hi Wyatt 👋
Not sure exactly what you are asking here?
The data$ field must be an Observable right? So that code isn't valid.
You can use filtering on the table already, by using the following configuration:

config = {
  data$: people$,
  // Initially sort by the "name" column
  initialSort: 'name';
  // Initially sort in Descending order
  initialSortDir: "desc";
};

(updated docs to also show this) Is that what you were after? 🙏
Cheers,
Ben

from ngx-auto-table.

Thanks for your reply.
I understand data$ field must be an Observable. I just try to put code simply but it makes you confused.

Similar example:

const people$ = of([
    {
        name: 'Wyatt',
        tag: {
          id: '001',
          position: 'developer'
      }
    },
    {
        name: 'Ben',
        tag: {
            id: '002',
            position: 'Senior developer'
        }
    },
])
config = {
  data$: people$,
  // Initially sort by the "name" column
  initialSort: 'tag'; // can we sort by 'tag.id' or 'tag.position'?
  // Initially sort in Descending order
  initialSortDir: "desc";
};

I am looking for if is possible to sort items by object key like 'tag.id' numerically or '' tag.postion' alphabetically in the example?

Thanks
Wyatt

from ngx-auto-table.

All good, yes I was a little confused 😅

I am looking for if is possible to sort items by object key like 'tag.id' numerically or '' tag.postion' alphabetically in the example?

I see now, you're right that wasn't possible but I've just released a small update which allows that! 🎉

You use it just like you said:

    <ngx-auto-table
      [config]="config"
      [columnDefinitions]="{
        name: {},
        'tag.id': {},
         ^ add sub field path here
      }"
    ></ngx-auto-table>

config = {
  data$: people$,
  initialSort: 'tag.id';
    ^ add matching path here too
};

• Available in [email protected]
• Demo is here: https://benwinding.github.io/ngx-auto-table/order-demo
• Code change is here: 49b1d6d

Let me know if there's any issues! 👌

from ngx-auto-table.