jQuery Datatables定制DOM

我的桌子有这个设置：

$(document).ready(function() { $('#example').DataTable({ dom: 'Bfrtilp', responsive: true, "order": [[ 1, "desc" ]], "lengthMenu": [[10, 25, 50, -1], [10, 25, 50, "Alle"]], buttons: [ { extend: 'copyHtml5', exportOptions: { columns: [ 0, ':visible' ] } }, { extend: 'excelHtml5', title: 'Events export' }, { extend: 'pdfHtml5', title: 'Events export' }, 'colvis' ], "language": {"url": "/vendor/datatables/german.json"} }); }); 

它看起来像这样：

问题是按钮不与搜索字段内联，并且分页不与“lengthMenu”字段内联。

我希望它是这样的：

我如何编辑这些function的输出….所以他们很好地排队？

Answer 1

添加到头部。 .btn-group {margin-bottom：-45px; z-index：2;}