如何告诉DataTables插入按钮导出的位置

Question

我想用datatables存档这样的内容

但是我找不到如何告诉datatable在哪里插入按钮拷贝，excel，PDF等的方法。默认的插入按钮datatable会像这样替换sorting entries

这是我的代码

<div class="box-header">
    <div class="buttonContainer"></div>
    <div class="pull-right">
       <button class="btn btn-primary form-button" id="addNew">Tambah Produk</button>
    </div> 
</div>

和

var dTable;
    dTable = $('#dataTable').DataTable({
      "bProcessing": true,
      "bAutoWidth": false,
      "responsive": true,
      "buttons": [ 'copy', 'excel','csv','pdf'],
    });

我想在datatable buttons

中插入buttonContainer

我在dom datatable

找到了如何做到这一点的参考资料

但不太明白如何在我的案例中实施它

请帮忙

Answer 1

  

<强>解

使用值为Bfrtip的{​​{3}}选项。

var dTable = $('#dataTable').DataTable({
   "dom": "Bfrtip"
   "bProcessing": true,
   "bAutoWidth": false,
   "responsive": true,
   "buttons": [ 'copy', 'excel','csv','pdf']
});

  

<强>样本

请参阅dom以获取代码和演示。