使用导出工具时,显示条目下拉列表消失

Alm*_*mis 33 javascript jquery datatables

使用导出工具时,显示条目下拉列表消失

$(document).ready(function() {
    $('#example').DataTable( {
        dom: 'Bfrtip', // if you remove this line you will see the show entries dropdown
        buttons: [
            'copy', 'csv', 'excel', 'pdf', 'print'
        ]
    } );
});
Run Code Online (Sandbox Code Playgroud)

的jsfiddle

dav*_*rad 97

你只是缺少l旗帜dom.l用于"长度改变输入控制".

dom: 'lBfrtip'
Run Code Online (Sandbox Code Playgroud)

将使下拉列表重新出现.

更新小提琴 - > http://jsfiddle.net/p33x5L3t/1/
dom documentation - > https://datatables.net/reference/option/dom

  • @ZubinMukerjee,这取决于你使用的那种造型.即默认内置,引导程序,基础等.您可以添加间距到按钮容器`.dt-buttons {margin-left:50px; }**https://jsfiddle.net/2nwqa2jk/2/**或将按钮包装成样式容器,如`dom:'l <".margin"B> frtip'`**https://jsfiddle.net/2nwqa2jk/3/** (2认同)

The*_*ger 11

我知道它太长了,但如果有人还面临这个问题,那么请执行以下操作,这是另一个答案.

在按钮内添加'pageLength',如下所示:

$('#example').DataTable( {
    dom: 'Bfrtip',
    buttons: [
        'pageLength','copy', 'csv', 'excel', 'print'
    ]
} );
Run Code Online (Sandbox Code Playgroud)