propiedades language example ejemplos dynamically column bootstrap datatable dt

language - jquery datatable hide column dynamically



DataTable: oculta el menú desplegable Mostrar entradas pero conserva el cuadro de búsqueda (11)

Agregue esta opción:

"bInfo": false

¿Es posible ocultar el menú desplegable Mostrar entradas pero mantener el cuadro de búsqueda en DataTable? Quiero mostrar siempre 10 filas con la paginación en la parte inferior junto con el cuadro de búsqueda, pero no quiero mostrar el menú desplegable Mostrar entradas.


Esta es la respuesta clave a esta publicación "bLengthChange": false, ocultará la lista desplegable de entradas


Para DataTables <= 1.9, la respuesta de @perpo

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

funciona bien, pero para 1.10+ prueba esto:

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

donde hemos dejado fuera l el "control de entrada de cambio de longitud"

1.9 Documentos

1.10 Documentos


Para desactivar la etiqueta "Mostrar entradas", agregue el código dom: ''Bfrtip'' o puede agregar "bInfo": falso

$(''#example'').DataTable({ dom: ''Bfrtip'' })


Para deshabilitar la etiqueta "Mostrar entradas", use "bInfo", ejemplo: "bFilter" es el componente de búsqueda, pero está activo por defecto.

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

Habilite o deshabilite la visualización de la información de la tabla. Esto muestra información sobre los datos que están actualmente visibles en la página, incluida la información sobre los datos filtrados si se realiza esa acción.


Para ocultar "mostrar entradas" pero aún tiene paginación. Usé el código a continuación y funcionó.

"bPaginate": true, "bLengthChange": false, "bFilter": true, "bInfo": false, "bAutoWidth": false


Puede encontrar más información directamente en este enlace: http://datatables.net/examples/basic_init/filter_only.html

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

Espero que ayude !

EDITAR: Si eres perezoso, "bLengthChange": falso, es el que necesitas cambiar :)


Puedes probar esto también.

simplemente ocúltalo de CSS usando,

.dataTables_length { display: none; }

Ambos funcionarán.


Si usa Datatable> 1.1.0 entonces la opción lengthChange es lo que necesita de la siguiente manera:

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


sDom: "Tfrtip" o mediante una devolución de llamada:

"fnHeaderCallback": function(){ $(''#YOURTABLENAME-table_length'').hide(); }


"searching": false, // Search Box will Be Disabled "ordering": false, // Ordering (Sorting on Each Column)will Be Disabled "info": true, // Will show "1 to n of n entries" Text at bottom "lengthChange": false // Will Disabled Record number per page