web-dev-qa-db-ja.com

ページネーション装飾なしでngTableをレンダリングする方法は?

私の小さなAngularJSアプリでは、ngTableライブラリを使用していくつかのテーブルをレンダリングします。ページネーションを使用できるのは1つだけです。その他は常に1ページ未満に収まります。レンダリングされたngTableはすべて、テーブルの下に「10 25 50 100」セレクターを追加するようです。ほとんどのテーブルでは、これは無駄なスペースであり、機能しません。そのセクションを削除してそのスペースを取り戻すにはどうすればよいですか?

27
David M. Karr

これは最近修正されました( https://github.com/esvit/ng-table/issues/6 )このコードはあなたのためにそれを行う必要があります(同じgitの問題からコピー):

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

このアプローチを使用します(これに基づいて 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);
        }
    });
11
Jesús Castro

あなたはCSSでそれを隠すことができます:

.ng-table-pager {
    display: none;
}
4
dcool
$scope.tableParams = new ngTableParams({
    noPager: true // hides pager
},{
    ...
});

何度も試してみた後、この方法が役立ちます。ページ編集コントロールのng-showの状態は、開発コンソールで「!noPager」であることがわかります。

2
baitang

属性template-pagination = "custom/pager"を含めることにより、テーブル宣言をオーバーライドします。これにより、テーブルの周囲にページネーションを追加するか、まったく含めないことができます。

2
user3183451

これは私のために働いた。 gridParamsのNgTableParamsを呼び出し、データをロードした後、

gridParams.total(0);
0
Mateus Galasso

完全を期すために、CSSは表の直後のページネーションのみを非表示にします。

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

これは私にとってはうまくいき、style = "display:none"を使用した非常に基本的なものでした。

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