Angular ui 网格分页。如何根据筛选的项目显示项目计数?

Angular ui grid pagination. How display item count based on filtered items?

这是分页当前给出的内容(api 返回的项目总数):



问题是我正在使用 columndefs 过滤数据。

field: 'claimed', displayName: 'Claimed', width: '8%', visible: true,
filter: {
     term: false,
     type: uiGridConstants.filter.SELECT,
     selectOptions: [{value: true, label: true}, {value: false, label: false}]

此过滤器的结果是数量有限的项目。在当前情况下为“3”。
我相信项目计数链接到 'grid.options.totalitems'。
当我更改数据或 select 过滤器时,计数是正确的。
页面首次加载时出错。

我正在使用 angular ui 网格和 django 来设置我的项目。我正在尝试在处理网格设置的控制器中修复此问题。
感谢您提供的任何帮助。

如果你想使用 table 那么你需要自己编写所有内容。

Check this

否则你可以使用已经具备所有功能的ng-grid

对我有用的修复: 在填充网格信息的 $http.get 上,我必须添加:

$scope.gridApi.grid.queueGridRefresh();

在控制器中,这是没有错误的代码。

$scope.gridOptions = {
    onRegisterApi: function (gridApi) {
        $scope.gridApi = gridApi;
        gridApi.rowEdit.on.saveRow($scope, $scope.saveRow);

        $http.get('/api/this/?format=json')
            .success(function (data) {
                $scope.gridOptions.data = data;
                $scope.gridApi.grid.queueGridRefresh();
        });  //Ends http.get


    },

我不得不把 http.get 放在 'onRegisterApi' 里面。