如何在没有分页装饰的情况下渲染ngTable？

Question

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

Answer 1

这是最近修复的（https://github.com/esvit/ng-table/issues/6）这段代码应该为你做（从相同的git问题复制）：

$scope.tableParams = new ngTableParams({
    count: items.length // hides pager
},{
    counts: [] // hides page sizes
});

Answer 2

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

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

Answer 3

你可以用css隐藏它：

.ng-table-pager {
    display: none;
}

Answer 4

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

. . .

Answer 5

$scope.tableParams = new ngTableParams({
    noPager: true // hides pager
},{
    ...
});

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

Answer 6

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

gridParams.total(0);

Answer 7

为了完整性，CSS只能在表后面隐藏分页：

table.ng-table + div[ng-table-pagination]{
    display: none;
}

Answer 8

这对我有用，非常基本使用style =“display：none”。

<mat-paginator style="display:none" [length]="recordCount" [pageSize]="pageSize"></mat-paginator>