如何表包裝之外DataTabels按鈕放置

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"); 

看到這個小提琴： http://jsfiddle.net/gz586wpj/1/

還有一個prependTo()，你可以考慮一下。