2017-05-12 18 views
0

この同じシナリオで他のトピックを見たことがありますが、誰もこの問題を解決できませんでした。AngularJS ng-tableフィルタリングと並べ替えが機能しない

私はAngularJSアプリケーション内でng-tableを使用しています。私はデータを表示することができ、ページネーションは正常に動作しますが、列のフィルタリングと並べ替えは機能しません。フィルタを表示させることはできますが、何もしません。

これは私のHTMLテーブルは次のようになります。

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

は私が間違って何をやっている:

<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> 

ここに私のJSコントローラ内部のTHSコードはありますか?

+0

データサンプルを追加できますか – ukn

答えて

1

Ngテーブルソートはネストされたオブジェクトでは機能しません。ヘッダーを付けずにデータを構築して、次のようにします。counter.header.surveyHeader_idの代わりにcounter.surveyHeader_id

関連する問題