jquery - tablas - tabla paginacion bootstrap

cómo eliminar la paginación en tabla de datos

Question

Soy nuevo en jQuery. He utilizado Datatables en la cuadrícula pero no necesito paginación.

Hay una lista de pedidos en una página y los muestro en una cuadrícula de Datatable pero en el fondo no quiero mostrar la paginación. ¿Hay alguna forma de eliminar u ocultar la paginación de la tabla de datos mediante el uso de una personalización de bits en la biblioteca jQuery?

Intenté personalizarlo, pero encontré muy pocos métodos para hacerlo.

Gracias por adelantado.

Answer 1

DESACTIVAR LA PAGINACIÓN

Para DataTables 1.9

Use la opción bPaginate para deshabilitar la paginación.

$(''#example'').dataTable({
    "bPaginate": false
});

Para DataTables 1.10+

Use la opción de paging para deshabilitar la paginación.

$(''#example'').dataTable({
    "paging": false
});

Ver este jsFiddle para código y demostración.

ELIMINE EL CONTROL DE PAGINACIÓN Y DEJE LA PAGINACIÓN HABILITADA

Para DataTables 1.9

Use la opción bPaginate para configurar qué elementos de control aparecen en la página.

$(''#example'').dataTable({
    "sDom": "lfrti"
});

Para DataTables 1.10+

Use la opción dom para configurar qué elementos de control aparecen en la página.

$(''#example'').dataTable({
    "dom": "lfrti"
});

Ver este jsFiddle para código y demostración.

Answer 2

Aquí hay una alternativa que es una mejora gradual en varias otras respuestas. Asumiendo settings.aLengthMenu no es multidimensional (puede ser cuando DataTables tiene longitudes de fila y etiquetas) y los datos no cambiarán después de la carga de la página (para simples DataTables cargadas por DOM), esta función se puede insertar para eliminar la búsqueda. Oculta varias clases relacionadas con paginación.

Tal vez más robusto sería la configuración de paginación a falso dentro de la función a continuación, sin embargo, no veo una llamada API para ese fuera de la mano.

$(''#myTable'').on(''init.dt'', function(evt, settings) {
    if (settings && settings.aLengthMenu && settings.fnRecordsTotal && settings.fnRecordsTotal() < settings.aLengthMenu[0]) {
        // hide pagination controls, fewer records than minimum length
        $(settings.nTableWrapper).find(''.dataTables_paginate, .dataTables_length, .dataTables_info'').hide();
    }
}).DataTable();

Answer 3

Esta funcionando

Pruebe el código siguiente

$(''#example'').dataTable({
    "bProcessing": true,
    "sAutoWidth": false,
    "bDestroy":true,
    "sPaginationType": "bootstrap", // full_numbers
    "iDisplayStart ": 10,
    "iDisplayLength": 10,
    "bPaginate": false, //hide pagination
    "bFilter": false, //hide Search bar
    "bInfo": false, // hide showing entries
})

Answer 4

si desea eliminar la paginación y desea ordenar el dataTable, ¡agregue este script al final de su página!

<script>
$(document).ready(function() {        
    $(''#table_id'').DataTable({
        "paging":   false,
       "info":     false
    } );
      
  } );
</script>

Answer 5

Debe incluir "bPaginate": false, en el objeto de configuración que pasa a sus parámetros de constructor. Como se ve aquí: http://datatables.net/release-datatables/examples/basic_init/filter_only.html

Answer 6

$(''#table_id'').dataTable({    
    "bInfo": false, //Dont display info e.g. "Showing 1 to 4 of 4 entries"
    "paging": false,//Dont want paging                
    "bPaginate": false,//Dont want paging      
})

Prueba este código

Answer 7

$(document).ready(function () {
            $(''#Grid_Id'').dataTable({
                "bPaginate": false
            });
        });

He resuelto mi problema al usarlo, espero que funcione para ti ...