AngularJS ng-table Filtrage et tri ne fonctionnant pas

Question

J'ai vu d'autres sujets sur ce même scénario mais aucun d'entre eux n'a été en mesure de m'aider à résoudre ce problème. J'ai utilisé ng-table dans une application AngularJS. Je suis capable d'afficher les données et la pagination fonctionne bien, mais le filtrage et le tri des colonnes ne fonctionnent pas. Je suis capable de faire apparaître les filtres mais ils ne font rien.

C'est ce que ma table HTML ressemble:

<table ng-table="tableParams" show-filter="true" class="paginationclass" style="width: 100%" border="1"> 

    <tr ng-repeat="counter in $data"> 
     <td data-title="'Survey Header ID'" filter="{ surveyHeader_id: 'text'}" sortable="'surveyHeader_id'">{{counter.header.surveyHeader_id}}</td> 
     <td data-title="'Survey ID'" filter="{ survey_id: 'text'}" sortable="'survey_id'">{{counter.header.survey_id}}</td> 
     <td data-title="'VOC Channel'" filter="{ vocChannel_name: 'select'}" filter-data="DD.vocchannels_dd" sortable="'vocChannel_name'">{{counter.header.vocChannel_name}}</td> 
    </tr> 

</table> 

Voici ths code à l'intérieur de mon contrôleur JS:

var tableParams = { 
     count: 15 
    }; 
    var tableSettings = { 

    }; 

$http.jsonp(URL) 
    .success(function (data) { 
     $scope.surData = data; 

     tableSettings.data = $scope.surData; 
     $scope.tableParams = new NgTableParams(tableParams, tableSettings); 
    } 

Qu'est-ce que je fais mal?

Answer 1

Le tri par table Ng ne fonctionnera pas sur les objets imbriqués. Essayez de construire vos données sans l'en-tête pour faire ressembler: counter.surveyHeader_id au lieu de counter.header.surveyHeader_id