未显示数据表上的分页显示长度

Question

在下表中，可以看到分页显示长度（＆＃34;显示...条目＆＃34;）。

现在这取自我的应用：

$( document ).ready(function() {    
    var table = $('#tbl_transaction').DataTable( {
        "ajax": "data_transaction.php",
        "bPaginate":true,
        "bProcessing": true,
        "pageLength": 10,
        "lengthChange": true,
        "columns": [
            { mData: 'username' } ,
            { mData: 'fullname' },
            { mData: 'the_date' },
            { mData: 'amount'}

        ],
        "dom": 'Bfrtip',
        "buttons": [
            'copy', 'csv', 'excel', 'pdf', 'print'
        ]
    }); 
});

奇怪的是，这是隐藏的。 Documentation说

  

请注意，默认情况下，控件显示在左上角   表。这可以使用dom和CSS来控制。

我不熟悉CSS。那我该怎么做呢？

Answer 1

我看到你在表格中使用了按钮扩展名。

我猜您使用dom Bfrtip，因此不会显示长度更改输入控件。您需要将l添加到sDom或dom。

示例：

sDom: 'lBfrtip'

或

dom: 'lBfrtip'

参考：

https://datatables.net/reference/option/dom

实例：

https://jsfiddle.net/Lp33hjcp/

Answer 2

这是我用来将按钮添加到数据表以进行导出等的操作： http://datatables.net/reference/button/#tabletools。

注意 dom: 'Bfrtip'，属性中没有字母 'L'。 参考此您会注意到，将 'L' 添加到 dom 属性会添加长度选择器： http://datatables.net/reference/option/dom。 所以最终的 dom 应该是这样的：

dom: 'Blfrtip',

（注意'B'字符后的附加'L'）

这将为您提供导出按钮，您还可以选择要显示的行数。