Showing NaN to NaN in jquery bootstrap datatable

Question

I have integrated jquerydatatable in bootstrap framework and when i select All it is showing like this

Showing NaN to NaN of 7 entries.

Javascript

$(function () {


    $('#example2').DataTable({
        "lengthMenu": [5, 10, 50, "All"]
    });

});

Answer 1

Reading the examples here:

$('#example').DataTable( {
    "lengthMenu": [[10, 25, 50, -1], [10, 25, 50, "All"]]
});

So, add two arrays, one with values and one with the texts shown.

(-1 seem to be equal to "All" in this case).

Answer 2

Try this, its working for me:

$(function () {
    $('#example2').dataTable({
            "iDisplayLength": 10,
            "lengthMenu": [[10, 25, 50, -1], [10, 25, 50, "All"]],
        });
 });