242 votos

¿Cómo puedo eliminar la barra de búsqueda y el pie de página añadidos por el plugin jQuery DataTables?

Estoy usando jQuery DataTables .

Quiero eliminar la barra de búsqueda y el pie de página (que muestra cuántas filas hay visibles) que se añade a la tabla por defecto. Sólo quiero usar este plugin para ordenar, básicamente. ¿Se puede hacer esto?

465voto

antpaw Puntos 5922

Utilizando el constructor DataTables:

$('table').dataTable({bFilter: false, bInfo: false});

o usando CSS puro:

.dataTables_filter, .dataTables_info { display: none; }

87voto

Eric Puntos 828

Comprueba http://www.datatables.net/examples/basic_init/filter_only.html para obtener una lista de características a mostrar/ocultar.

Lo que quieres es poner "bFilter" y "bInfo" en falso;

$(document).ready(function() {
    $('#example').dataTable( {
        "bPaginate": false,
        "bFilter": false,
        "bInfo": false
                 } );
} );

40voto

Scott Stafford Puntos 13161

También puede no dibujar la cabecera o el pie de página en absoluto estableciendo sDom : http://datatables.net/usage/options#sDom

'sDom': 't' 

mostrará SÓLO la tabla, sin encabezados ni pies de página ni nada.

Se discute un poco aquí: http://www.datatables.net/forums/discussion/2722/how-to-hide-empty-header-and-footer/p1

7voto

kgiannakakis Puntos 62727

Una forma rápida y sucia es averiguar la clase del pie de página y ocultarlo usando jQuery o CSS:

$(".dataTables_info").hide();

4voto

paja01 Puntos 21

si está utilizando elmeroller:

.dataTables_wrapper .fg-toolbar { display: none; }

Iteramos.com

Iteramos es una comunidad de desarrolladores que busca expandir el conocimiento de la programación mas allá del inglés.
Tenemos una gran cantidad de contenido, y también puedes hacer tus propias preguntas o resolver las de los demás.

Powered by:

X