Javascript 使用导出工具时，“显示条目”下拉列表消失

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

$(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'
        ]
    } );
});

---

您只是缺少

dom

中的

l

标志<代码>l用于“长度更改输入控制”

将使下拉列表重新显示

更新的小提琴->

---

dom

文档->我知道它太长了，但是如果有人仍然面临这个问题，那么请执行以下操作，这是另一个答案

在按钮内部添加“pageLength”，如下所示：

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

这对我很有用：

$(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"
         }
      });       
   });

---

谢谢，这很有帮助！一个问题-使用修复程序时，按钮确实会重新出现，但它们非常接近“显示条目下拉列表”。。。在单词“entries”的结尾和第一个导出按钮（Copy）之间添加一些填充/空格的好方法是什么？我是否需要编辑datatables按钮CSS文件？（我对这些东西还比较陌生，如果我的问题很愚蠢的话，很抱歉）@ZubinMukerjee，这取决于你使用的样式。即默认内置、引导、基础等。您可以在按钮容器<代码> > DT按钮{边距左：50px；} //>或将按钮封装成一个样式容器，如“代码> DOM：‘LFRIP’/CODL> @ ZubinMukerjee，我认为这听起来太费力了），并且您将非常后悔您想更新的一天。如果需要，您可以简单地覆盖CSS声明，只需在CSS导入后声明它们。使用浏览器检查器确定需要针对哪些声明。请看上面的fiddle，第一个是覆盖CSS声明。好的，我在html文件的样式标记中包含了来自第一个fiddle链接的CSS代码，它工作得非常好！再次感谢：）@Voyager它不工作了。。我试过。。

$(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"
         }
      });       
   });