Question

我在同一场景中看到了其他主题，但没有一个能够帮助我解决这个问题。

我在AngularJS应用程序中使用ng-table。我能够显示数据和分页工作正常但列过滤和排序不起作用。我可以让过滤器出现，但它们什么都不做。

这就是我的HTML表格：

<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控制器中的代码：

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

我做错了什么？

Answer 1

Ng表排序不适用于嵌套对象。尝试构建没有标题的数据，使其看起来像：counter.surveyHeader_id而不是counter.header.surveyHeader_id

AngularJS ng-table过滤和排序不起作用

1 个答案: