javascript - propiedades - Ocultar LengthMenu de Jquery datatable

lengthmenu in jquery datatable

Question

Por favor, ¿cómo oculto el LengthMenu (la lista desplegable que muestra el número de registros que se muestran por página) de mi Jquery datatable?

Actualmente puedo desactivarlo, pero no quiero que aparezca en absoluto. Vea mi violín aquí abajo:

testdata = [{"id":"58","country_code":"UK"},{"id":"59","country_code":"US"}];
$(''#test'').dataTable({
    "aaData": testdata,
    "aoColumns": [
        { "mDataProp": "id" },
        { "mDataProp": "country_code" }
    ],
    "bLengthMenu" : false, //thought this line could hide the LengthMenu
    "bInfo":false,    
});
`//the next 2 lines disables the LengthMenu
//var aLengthMenu = $(''select[name=test_length]'');
//$(aLengthMenu).prop(''display'', ''disabled'');

Answer 1

Hacerlo con

"bLengthChange": false

Esto ocultará el desplegable de longitud.

Answer 2

Para deshabilitar la paginación, haga lo siguiente:

"paging": false

Answer 3

Prueba con

$(''#test'').dataTable({
    "aaData": testdata,
    "aoColumns": [
        { "mDataProp": "id" },
        { "mDataProp": "country_code" },
        { "mDataProp": "title" },
        { "mDataProp": "pubdate" },
        { "mDataProp": "url" }
    ],
    "bLengthChange" : false, //thought this line could hide the LengthMenu
    "bInfo":false,    
});

Fiddle

Answer 4

Puedes hacerlo deshabilitando la paginación:

"bPaginate": false

Answer 5

Si desea ocultar la paginación y la opción desplegable " Mostrar X Entradas " SOLAMENTE cuando las filas de datos pueden caber en una sola página, puede usar drawCallback :

"drawCallback": function (settings) {
    var api = this.api();
    var totalRows = api.rows().data().length; //Get total rows of data
    var rowPerPage = api.rows({ page: ''current'' }).data().length; //Get total rows of data per page
    if (totalRows > rowPerPage) {
            //Show pagination and "Show X Entries" drop down option
            $(''div.dataTables_paginate'')[0].style.display = "block";
            $(''div.dataTables_length'')[0].style.display = "block";
    } else {
            //Hide it
            $(''div.dataTables_paginate'')[0].style.display = "none";
            $(''div.dataTables_length'')[0].style.display = "none";
    }
}

Alternativamente, puede referirse a esta discusión , enfoque bastante similar.

Answer 6

Si usa bootstrap o algunas otras plantillas, el resultado de ocultar el menú de longitud podría obtener un poco feo, como, bordes que faltan.

Lo que funcionó para mí fue usar css y manipular la etiqueta.

.dataTables_length label { display:none;}