数据表: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个条目)的下拉列表消失.如果我删除该行,则下拉列表会返回,但按钮不会显示.为什么我需要选择？我怎么能两个都有？

Thanx任何帮助.

Answer 1

用于dom: 'Blfrtip',显示"每页"选择器.

注意我已经包含l在那里,它代表l改变输入控制.

有关详细信息,请参阅文档.