29

在我的小型 AngularJS 应用程序中，我使用 ngTable 库渲染了几个表。只有一个人可以使用分页。其他的将永远适合不到一页。每个渲染的 ngTable 似乎都在表格下方添加了“10 25 50 100”选择器。对于我的大多数桌子来说，这是浪费空间并且不起作用。如何删除该部分并取回该空间？

4

8 回答 8

57

这是最近修复的（https://github.com/esvit/ng-table/issues/6）此代码应该为您完成（从同一个 git 问题复制）：

$scope.tableParams = new ngTableParams({
    count: items.length // hides pager
},{
    counts: [] // hides page sizes
});
于 2014-03-15T17:05:45.517 回答
12

使用这种方法（基于此链接）：

$scope.tableParams = new ngTableParams({
        page: 1,   // show first page
        count: 5  // count per page
    }, {
        counts: [], // hide page counts control
        total: 1,  // value less than count hide pagination
        getData: function($defer, params) {
            $defer.resolve(data);
        }
    });
于 2015-08-08T23:22:29.140 回答
4

你可以用css隐藏它：

.ng-table-pager {
    display: none;
}
于 2015-03-04T16:03:35.673 回答
2

通过包含属性 template-pagination="custom/pager" 覆盖您的表格声明 这允许您在表格周围添加分页，或者根本不包含。

. . .
于 2015-01-23T19:41:36.013 回答
2 
$scope.tableParams = new ngTableParams({
    noPager: true // hides pager
},{
    ...
});

经过多次尝试，这种方法对我有帮助。您可以在开发控制台中找到分页控件的 ng-show 条件为“！noPager”。

于 2015-04-19T12:16:44.380 回答
1

为了完整起见，CSS 只隐藏紧跟在表格后面的分页：

table.ng-table + div[ng-table-pagination]{
    display: none;
}
于 2019-02-12T18:54:33.170 回答
0

这对我有用。我调用了 gridParams 的 NgTableParams 并在加载数据后放入

gridParams.total(0);
于 2018-04-05T14:35:23.113 回答
0

这对我有用，非常基本的使用 style="display:none"。

<mat-paginator style="display:none" [length]="recordCount" [pageSize]="pageSize"></mat-paginator>
于 2019-06-05T07:03:10.073 回答