如何告诉 DataTables 在哪里插入按钮导出

Question

我想用datatables 归档这样的内容

但我找不到方法告诉数据表在哪里插入按钮副本、excel、PDF 等。默认插入按钮数据表将像这样替换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'],
    });

我想在buttonContainer 中插入datatable buttons

我在这里找到了参考如何做到这一点dom datatable

但不太了解如何在我的情况下实现它

请帮忙

Answer 1

解决方案

使用带有值Bfrtip 的dom 选项。

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

演示

有关代码和演示，请参阅 this jsFiddle。