jquery DataTable选项页长度/长度菜单和顺序不起作用

zed5wv10  于 2023-10-17  发布在  jQuery
关注(0)|答案(1)|浏览(163)

我有一个表,我不想被命令,我需要所有行都显示在页面上。但由于某种原因,order选项和pageLength都不起作用。表继续按第一列排序,长度选项仍然是5 - 10(默认选择)- 25和50。
下面是我的代码:

var tableReport = $('#table-report-report').DataTable();
        new $.fn.dataTable.Buttons(tableReport, {
            order: [],
            pageLength: 100,
            lengthMenu: [ [100], ["All"] ],
            buttons: [
                'pageLength',
                {
                    extend:    'excelHtml5',
                    text:      '<i class="fa fa-file-excel-o"></i>',
                    titleAttr: 'Excel'
                }
            ]
        }).container().appendTo($('#buttons-report-report'));

我试着根据documentary修改它,就像在pageLength示例中所做的那样,但它仍然不起作用。我试了这个代码:

var tableReport = $('#table-report-report').DataTable();
            new $.fn.dataTable.Buttons(tableReport, {
                dom: 'Bfrtip',
                lengthMenu: [
                    [ 10, 25, 50, -1 ],
                    [ '10 rows', '25 rows', '50 rows', 'Show all' ]
                ],
                buttons: [
                    'pageLength'
                ]
            }).container().appendTo($('#buttons-report-report'));

有了这个代码,它仍然为我提供了相同的5-10(默认选择)- 25 - 50选项。
我不想订table。但即使我问not to order与秩序:[],它仍然按第一列值排序。我也试过命令:假的,什么都改变不了。
我不知道怎么修,谁能帮帮我?Excel导出按钮工作正常。

ldioqlga

ldioqlga1#

像这样试试

$(document).ready(function() {
    $('#table-report-report').DataTable( {
      "ordering": false,
        lengthMenu: [
            [ 10, 25, 50, -1 ],
            [ '10 rows', '25 rows', '50 rows', 'Show all' ]
        ],
        buttons: [
            'pageLength'
        ]
    } );
} );

https://codepen.io/abisha__25/pen/KKbENbY

相关问题