私の小さなAngularJSアプリでは、ngTableライブラリを使用していくつかのテーブルをレンダリングします。ページネーションを使用できるのは1つだけです。その他は常に1ページ未満に収まります。レンダリングされたngTableはすべて、テーブルの下に「10 25 50 100」セレクターを追加するようです。ほとんどのテーブルでは、これは無駄なスペースであり、機能しません。そのセクションを削除してそのスペースを取り戻すにはどうすればよいですか?
これは最近修正されました( https://github.com/esvit/ng-table/issues/6 )このコードはあなたのためにそれを行う必要があります(同じgitの問題からコピー):
$scope.tableParams = new ngTableParams({
count: items.length // hides pager
},{
counts: [] // hides page sizes
});
このアプローチを使用します(これに基づいて 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);
}
});
あなたはCSSでそれを隠すことができます:
.ng-table-pager {
display: none;
}
$scope.tableParams = new ngTableParams({
noPager: true // hides pager
},{
...
});
何度も試してみた後、この方法が役立ちます。ページ編集コントロールのng-showの状態は、開発コンソールで「!noPager」であることがわかります。
属性template-pagination = "custom/pager"を含めることにより、テーブル宣言をオーバーライドします。これにより、テーブルの周囲にページネーションを追加するか、まったく含めないことができます。
これは私のために働いた。 gridParamsのNgTableParamsを呼び出し、データをロードした後、
gridParams.total(0);
完全を期すために、CSSは表の直後のページネーションのみを非表示にします。
table.ng-table + div[ng-table-pagination]{
display: none;
}
これは私にとってはうまくいき、style = "display:none"を使用した非常に基本的なものでした。
<mat-paginator style="display:none" [length]="recordCount" [pageSize]="pageSize"></mat-paginator>