Question

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

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>

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

8 个答案: