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

我遇到问题＆＃34; dom：＆＃39; Bfrtip＆＃39;，＆＃34;。如果我包含它，按钮显示，但允许您选择条目数（例如显示10,25,50,100个条目）的下拉列表消失。如果我删除该行，则下拉列表会返回，但按钮不会显示。为什么我需要选择？我怎么能同时拥有这两个？

Thanx寻求帮助。

Answer 1

使用dom: 'Blfrtip',显示“每页”选择器。

注意我已经包含l，它代表l更改输入控件。

有关详细信息，请参阅the docs。

Answer 2

使用 dom：“ Blfrtip” 。请注意，B后面有一个“ L”

数据表：Bfrtip（按钮）和数字下拉列表之间的冲突

2 个答案: