jQuery的數據表自定義DOM

Question

我有這樣的設置爲我的表：

$(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」字段內聯。

我希望它是這樣的：

如何修改這些函數的輸出....所以他們很好地一字排開？

Answer 1

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