如何使用 Datatable jQuery 显示表上的所有行

Question

我使用数据表库，我想在点击单独的按钮时显示所有行。

我尝试使用几种方法但它不起作用。

我的代码：

if (val != '') {

    $('#' + tableId + '').DataTable({

        destroy: true,

        lengthMenu: [[10, 25, 50, -1], [10, 25, 50, "All"]], // this is not working, showing default values

        searchPanes: {

            layout: 'columns-' + length + ''

        },

        columnDefs: [{

            searchPanes: {

                show: true

            },

            targets: '_all'

        }],

        dom: 'Pfrtip'

    });

    $('.dtsp-searchPanes').children().each(function (i, obj) {

        if (!val.includes(i)) $(this).hide();

        else $(this).show();

    });

} else {

    $('#' + tableId + '').DataTable({

        destroy: true

    });

}

$("#showAll").on("click", function () {

   //here i need func

});

我尝试使用这个参数：

'iDisplayLength': 100

但这对我不起作用，而且我需要这种可能性，不像参数，而是像单独的函数。

Answer 1

您可以使用page.len()API 调用来动态更改页面长度。$("#showAll").on("click", function () {    $( '#' + tableId + '').dataTable().api().page.len( -1 ).draw(); });