如何將Datatables.net colvisGroup綁定到外部按鈕？

Question

我正在嘗試使用colvisGroup完全像這個示例一樣創建一個顯示/隱藏列組。

https://www.datatables.net/extensions/buttons/examples/column_visibility/columnGroups.html

我很滿意的功能，但不能將其綁定到外部按鈕。我需要將它綁定到外部按鈕。任何人都可以引導我在正確的方向嗎？

Answer 1

爲什麼要將動作綁定到不同的按鈕上？似乎更實際的是將生成的按鈕移動到另一個容器。例如，您可以在initComplete回調中執行此操作。

移動整個按鈕部到另一個容器

initComplete: function() { 
    $('.dt-buttons').detach().appendTo('#container') 
} 

僅移動colvisGroup按鈕另一個容器（如鏈接到的例如從文檔）：

$('.dt-button.buttons-colvisGroup').each(function() { 
    $(this).detach().appendTo('#container') 
})