Javascript 如何显示DataTable JQuery的长度菜单？

如何显示JQuery数据表的长度菜单？它在激活导出时消失（复制、EXCEL、PDF）。我已经添加了

长度菜单

，但它没有显示下拉列表。这就是我所做的：

$(document).ready(function() {
    var table = $('#example').DataTable( {
        lengthChange: false,
        buttons: [ 'copy', 'excel', 'pdf' ],
        responsive: true,
        'columnDefs': [ {
                'targets': [6], /* column index */
                'orderable': false, /* true or false */
                'lengthMenu': [[10, 25, 50, -1], [10, 25, 50, "All"]]
        }]
    } );
    table.buttons().container().appendTo( '#example_wrapper .col-md-6:eq(0)' );
} );

---

我正在通过cdn使用jquery 3.3.1和datatables 1.10.19。

您应该添加

dom

：

多姆：“Bflrtip”

和长度菜单位置应固定

而长度更改应为

真

：

$(document).ready(function() {
    var table = $('#example').DataTable( {
        lengthChange: true,
        dom: 'Bflrtip', 
        buttons: [ 'copy', 'excel', 'pdf' ],
        responsive: true,
        'columnDefs': [ {
                'targets': [6], /* column index */
                'orderable': false, /* true or false */
        }],
        'lengthMenu': [[10, 25, 50, -1], [10, 25, 50, "All"]]
    } );
    table.buttons().container().appendTo( '#example_wrapper .col-md-6:eq(0)' );
} );

---

尝试添加

dom

参数，如

dom:'Blfrtip'

。 另见

$（文档）.ready（函数（）{
变量表=$（“#示例”）。数据表（{
长度变化：对，
按钮：[“复制”、“excel”、“pdf”]，
回答：是的，
dom:'Blfrtip'，
columnDefs:[{
目标：[6]，/*列索引*/
可订购项：false、/*true或false*/
长度菜单：[[10,25,50，-1]，[10,25,50，“全部”]]
}]
} );
table.buttons.container.appendTo（“#示例_wrapper.col-md-6:eq（0）”）；
} );

例子
例子
例子
例子
例子
例子
例子
例子
例子
例子
例子
例子
例子
例子
尝试添加如下dom设置：

$(document).ready(function() {
    var table = $('#example').DataTable( {
        lengthChange: false,
        buttons: [ 'copy', 'excel', 'pdf' ],
        responsive: true,
        dom: 'lfrtip',
        'columnDefs': [ {
                'targets': [6], /* column index */
                'orderable': false, /* true or false */
                'lengthMenu': [[10, 25, 50, -1], [10, 25, 50, "All"]]
        }]
    } );
    table.buttons().container().appendTo( '#example_wrapper .col-md-6:eq(0)' );
} );

有关更多信息，请参见本部分的答案
是否可以垂直对齐长度菜单和搜索栏？如果是，如何解决？@AnirudhLou此问题与您的问题无关，请编辑您的问题或提出新问题。