javascript - paginar - tablas con jquery

¿Cómo hacer una tabla ng sin las decoraciones de paginación?

Question

En mi pequeña aplicación AngularJS, renderizo varias tablas usando la biblioteca ngTable. Solo uno podía usar la paginación. Los demás siempre cabrán en menos de una página. Cada ngTable renderizado parece agregar el selector "10 25 50 100" debajo de la tabla. Para la mayoría de mis tablas, esto es un espacio desaprovechado y no es funcional. ¿Cómo puedo eliminar esa sección y recuperar ese espacio?

Answer 1

Anule su declaración de tabla incluyendo el atributo template-pagination = "custom / pager" Esto le permite agregar paginación alrededor de su tabla, o no incluir en absoluto.

. . .

Answer 2

Esto funcionó para mí. Llamé a NgTableParams de gridParams y después de cargar los datos puse

gridParams.total(0);

Answer 3

Esto se solucionó recientemente ( https://github.com/esvit/ng-table/issues/6 ) Este código debería hacerlo por usted (copiado del mismo problema de Git):

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

Answer 4

Podrías esconderlo con css:

.ng-table-pager {
    display: none;
}

Answer 5

Utilice este enfoque (basado en este https://github.com/esvit/ng-table/issues/6 ):

$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 6

$scope.tableParams = new ngTableParams({
    noPager: true // hides pager
},{
    ...
});

Después de muchos intentos, este método me ayuda. Puede encontrar que la condición de ng-show del control de paginación es "! NoPager" en su consola dev.