ngTable nested fields

Question

I have seen this question and the solution was pretty straightforward, however this plunker doesn't seem to work with Angular 1.33 which I use in my project.

Here is the same plunker with the issue (only updated Angular to version 1.33) .

Html

  <table ng-table="tableParams" show-filter="true" class="table">
    <tr class='listing' ng-repeat="invoice in $data">
      <td data-title="'Invoice No.'" sortable="'no'" filter="{'no':'text'}">
        {{invoice.no}}
      </td>
      <td data-title="'Date'" sortable="'date'" filter="{'date':'text'}">
        {{invoice.date}}
      </td>
      <td data-title="'Client'" sortable="'client.fullname'" filter="{'client.fullname':'text'}">
        {{invoice.client.fullname}}
      </td>
    </tr>
  </table>

If you remove .fullname from the filter it'll use all of the properties of the object (I think) which works. Will that cause you other problems? — DoctorMick, Nov 24 '14 at 13:46
@DoctorMick I know that... but I need the `full_name` column to be sortable not only searchable... also if I remove the property I won't be able to search in multiple fields in `user` nested object. — Walid Ammar, Nov 24 '14 at 13:48
It looks like the filter syntax has been changed to use proper JSON notation: https://github.com/angular/angular.js/issues/6222. My guess is that ngTable hasn't been updated accordingly. — DoctorMick, Nov 24 '14 at 14:04
http://stackoverflow.com/a/26741658/4104866 have a look ,ngtable doesnt parse dot at all — Kostia Mololkin, Nov 24 '14 at 14:18
hmm but as he stated in question, that is working fine in older version 1.2.x — Asik, Nov 24 '14 at 14:23
http://plnkr.co/edit/CAnuwofI4J1ZshqVrtA5?p=preview have a look it working in 1.2x but filter is set up with no dots — Kostia Mololkin, Nov 24 '14 at 14:27
@KostiaMololkin thanx...that was suggested in older comment, unfortunately if I do so I won't be able to sort according to that column; am I? — Walid Ammar, Nov 24 '14 at 14:31
@MohammadWalid u can sort but u have to make ur own header template — Kostia Mololkin, Nov 24 '14 at 14:33
@MohammadWalid i mistaken u don't need a template,have a look answer ,is it right for u? — Kostia Mololkin, Nov 24 '14 at 14:46

Kostia Mololkin · Accepted Answer · 2014-11-24T14:45:17.777

1

working with sort and filter,ngtable 0.3.1 - plunk

<table ng-table="tableParams" show-filter="true" class="table">
    <tr class='listing' ng-repeat="invoice in $data">
      <td data-title="'Invoice No.'" sortable="'no'" filter="{'no':'text'}">
        {{invoice.no}}
      </td>
      <td data-title="'Date'" sortable="'date'" filter="{'date':'text'}">
        {{invoice.date}}
      </td>
      <td data-title="'Client'" sortable="'client.fullname'" filter="{'client':'text'}">
        {{invoice.client.fullname}}
      </td>
    </tr>
  </table>

edited Nov 24 '14 at 14:45

answered Nov 24 '14 at 14:31

Kostia Mololkin

868
9
25

1

Thanx `Kositia` your solution is working as expected... but I am hoping if there is ability to filter on multiple nested fields... for now this enough for me... thanks again. – Walid Ammar Nov 25 '14 at 10:41
1

@MohammadWalid i am glad to help, so u would like to filter over all props of client object, right?, it's interesting for me too,i'll gonna make some research on that and come back))) – Kostia Mololkin Nov 25 '14 at 11:47

ngTable nested fields

1 Answers1