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

时间:2015-09-17 12:07:37

标签: 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'
        ]
    } );
});

jsfiddle

3 个答案:

答案 0 :(得分:81)

您在l中缺少dom标记。 l表示“长度改变输入控制”。

dom: 'lBfrtip'

将重新显示下拉列表。

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

答案 1 :(得分:9)

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

添加' pageLength'内部按钮如下:

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

答案 2 :(得分:0)

这对我有用:

$(document).ready(function(){   
      dataTable = $('#myDataTable').DataTable({
         "processing":true,
         "serverSide":true,
          dom:'lBfrtip',
          buttons: ['excel', 'csv', 'pdf', 'copy'],
         "lengthMenu": [50,100,500,1000,2000,5000,10000,50000,100000],
         "order":[],
         "sScrollX": "100%",
         "scrollCollapse": true,
         "ajax":{
            url:"FetchAllAjax.php",
            type:"POST"
         }
      });       
   });