AngularJS ng-table Filtering and Sorting not working

Question

I have seen other topics on this same scenario but none of them have been able to help me fix this issue.

I using ng-table within an AngularJS application. I am able to display the data and the pagination works fine but column filtering and sorting does not work. I am able to get the filters to appear but they do not do anything.

This is what my HTML table looks like:

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

Here is ths code inside my JS controller:

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

What am I doing wrong?

Can you add a data sample

ukn
– ukn

2017-05-12 19:37:05 +00:00
Commented May 12, 2017 at 19:37 — ukn
– ukn, Commented May 12, 2017 at 19:37

ukn · Accepted Answer · 2017-05-12 20:11:11Z

1

Ng-table sorting wont work on nested objects. Try to build your data without the header to make it looks like : counter.surveyHeader_id instead of counter.header.surveyHeader_id

answered May 12, 2017 at 20:11

ukn

1,8231 gold badge15 silver badges24 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

AngularJS ng-table Filtering and Sorting not working

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related