web-dev-qa-db-fra.com

Comment rendre une table ng sans les décorations de pagination?

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?

javascripthtmlangularjsngtable
26
David M. Karr

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
});
55
XeroxDucati

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);
        }
    });
10
Jesús Castro

Vous pouvez le cacher avec css:

.ng-table-pager {
    display: none;
}
4
dcool
$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.

2
baitang

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.

2
user3183451

Cela a fonctionné pour moi . J'ai appelé NgTableParams de gridParams Et après le chargement des données, je mets

gridParams.total(0);
0
Mateus Galasso

Pour être complet, CSS ne masque que la pagination juste après le tableau:

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