如何显示 JQuery DataTable 的长度菜单?它在激活导出时消失(COPY、EXCEL、PDF)。我已经添加了 lengthMenu
但它没有显示下拉菜单。这就是我所做的:
$(document).ready(function() {
var table = $('#example').DataTable( {
lengthChange: false,
buttons: [ 'copy', 'excel', 'pdf' ],
responsive: true,
'columnDefs': [ {
'targets': [6], /* column index */
'orderable': false, /* true or false */
'lengthMenu': [[10, 25, 50, -1], [10, 25, 50, "All"]]
}]
} );
table.buttons().container().appendTo( '#example_wrapper .col-md-6:eq(0)' );
} );
我正在通过 cdn 使用 jquery 3.3.1 和 datatables 1.10.19。
最佳答案
尝试添加 dom
参数,例如 dom: 'Blfrtip'
。
另见 documentation
$(document).ready(function() {
var table = $('#example').DataTable( {
lengthChange: true,
buttons: [ 'copy', 'excel', 'pdf' ],
responsive: true,
dom: 'Blfrtip',
columnDefs: [ {
targets: [6], /* column index */
orderable: false, /* true or false */
lengthMenu: [[10, 25, 50, -1], [10, 25, 50, "All"]]
}]
} );
table.buttons.container.appendTo( '#example_wrapper .col-md-6:eq(0)' );
} );
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="//cdn.datatables.net/1.10.19/js/jquery.dataTables.min.js"></script>
<link href="//cdn.datatables.net/1.10.19/css/jquery.dataTables.min.css" rel="stylesheet"/>
<table id="example">
<thead>
<tr>
<th>Example</th>
<th>Example</th>
<th>Example</th>
<th>Example</th>
<th>Example</th>
<th>Example</th>
<th>Example</th>
</tr>
</thead>
<tbody>
<tr>
<td>Example</td>
<td>Example</td>
<td>Example</td>
<td>Example</td>
<td>Example</td>
<td>Example</td>
<td>Example</td>
</tr>
</tbody>
</table>
关于javascript - 如何显示 DataTable JQuery 的长度菜单?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56563114/