Dans ma petite application AngularJS, je génère plusieurs tables à l'aide de la bibliothèque ngTable. Un seul pourrait utiliser la pagination. Les autres iront toujours sur moins d'une page. Chaque ngTable rendu semble ajouter le sélecteur "10 25 50 100" sous le tableau. Pour la plupart de mes tables, c'est de l'espace perdu et non fonctionnel. Comment puis-je supprimer cette section et récupérer cet espace?
Cela a été récemment corrigé ( https://github.com/esvit/ng-table/issues/6 ). Ce code devrait le faire pour vous (copié du même problème git):
$scope.tableParams = new ngTableParams({
count: items.length // hides pager
},{
counts: [] // hides page sizes
});
Utilisez cette approche (basée sur ce 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);
}
});
Vous pouvez le cacher avec css:
.ng-table-pager {
display: none;
}
$scope.tableParams = new ngTableParams({
noPager: true // hides pager
},{
...
});
après de nombreux essais, cette méthode m'aide. Vous pouvez trouver que la condition de ng-show du contrôle de pagination est "! NoPager" dans votre console de développement.
Remplacez la déclaration de votre table en incluant l'attribut template-pagination = "custom/pager". Cela vous permet d'ajouter une pagination autour de votre table ou de ne pas l'inclure du tout.
Cela a fonctionné pour moi . J'ai appelé NgTableParams de gridParams Et après le chargement des données, je mets
gridParams.total(0);
Pour être complet, CSS ne masque que la pagination juste après le tableau:
table.ng-table + div[ng-table-pagination]{
display: none;
}