Masquer LengthMenu de Jquery datatable

S'il vous plaît comment puis-je masquer les LengthMenu (la dropdownlist qui affiche le nombre d'enregistrements affichés par page) à partir de mon Jquery datatables?

Actuellement, je suis en mesure de le désactiver, mais je ne veux pas qu'il apparaisse à tous. Voir mon Violon ici
ci-dessous:-

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');

source d'informationauteur Sola Oderinde

  1. 32

    Essayer avec

    $('#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,    
});

    Violon

  2. 15

    Faire avec:

    "bLengthChange": false

    Cela permet de masquer la longueur de la liste déroulante.

  3. 5

    Vous pouvez le faire en désactivant la pagination:

    "bPaginate": false
  4. 2

    Si à l'aide de bootstrap ou certains autres modèles, le résultat de cacher le menu de longueur pourrait obtenir un peu moche, comme, manquant frontières.

    Ce qui a fonctionné pour moi a été d'utiliser des css et de manipuler l'étiquette étiquette de

    .dataTables_length label { display:none;}
  5. 2

    De désactiver la pagination du tout, alors:

    "paging": false
  6. 0

    Si vous souhaitez masquer la pagination et la "émission X Entrées déroulant" option UNIQUEMENT lorsque les lignes de données qui peuvent tenir dans une seule page, vous pouvez utiliser 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";
    }
}

    Alternativement, vous pouvez vous référer à cette discussiontout à fait semblable approche.