javascript - 如何将 DataTables 按钮定位在表格包装器之外

Question

你能看看 This Demo吗 并让我知道如何将 dataTabes 按钮重新定位到其他地方，比如说在 .panel-heading calss 中并将 btn-sm 应用于它们？

这是我现在拥有的非常基本的标准格式

$(document).ready(function() {
    $('#example').DataTable({
         responsive: true,
         dom: 'Bfrtip',
         buttons: ['copy', 'excel', 'pdf', 'csv']
    });
});

正如您所充分意识到的那样，它正在 #example-wrapper

中添加按钮

Answer 1

当然。使用 jQuery appendTo()，像这样:

//create DataTable first, then...
$("#example_wrapper > .dt-buttons").appendTo("div.panel-heading");

请看这个 fiddle : https://jsfiddle.net/gz586wpj/1/

还有一个 prependTo() 可以考虑。