jquery - Bfrtip(按钮)和数字下拉列表之间的冲突

Question

这是我的数据表实现代码:

<script type="text/javascript" src="../js/jquery-3.1.1.min.js" ></script>
<script type="text/javascript" src="../js/jquery-ui.js" ></script>
<link rel="stylesheet" href="https://cdn.datatables.net/buttons/1.4.2/css/buttons.dataTables.min.css" type="text/css" media="all">
<script type="text/javascript" charset="utf8" src="//cdn.datatables.net/1.10.16/js/jquery.dataTables.js"></script>
<script type="text/javascript" charset="utf8" src="https://cdn.datatables.net/buttons/1.4.2/js/dataTables.buttons.min.js"></script>
<script type="text/javascript" charset="utf8" src="//cdn.datatables.net/buttons/1.4.2/js/buttons.flash.min.js"></script>
<script type="text/javascript" charset="utf8" src="//cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.32/vfs_fonts.js"></script>
<script type="text/javascript" charset="utf8" src="//cdn.datatables.net/buttons/1.4.2/js/buttons.html5.min.js"></script>

var table = $('#TransactionsTable').DataTable( {
    dom: 'Bfrtip',
    buttons: [
        'copy',
        'csv',
        'excel'
    ],
    "order": [[6, "desc"]],
    "columnDefs": [
       {
          "visible": false,
            "targets": [8]
       }
    ]
} );

我对“dom:'Bfrtip'，”这一行有问题。如果我包含它，按钮会显示，但允许您选择条目数(例如显示 10、25、50、100 个条目)的下拉菜单会消失。如果我删除该行，下拉列表会返回，但按钮不显示。为什么我需要选择？我怎么能两者兼得？

Answer 1

使用 dom: 'Blfrtip',使“每页”选择器出现。

注意我已经包含了 l在那里，它代表 l ength 改变输入控制。

见 the docs了解更多信息。