jQuery DataTables列顯示/隱藏切換使用引導模式

Question

我有一個表，我正在使用jQuery數據表。我想要在表格中顯示/隱藏列的選項，並且我看到：https://datatables.net/examples/api/show_hide.html
在此示例中，通過單擊鏈接切換列的顯示/隱藏來完成此操作。但我想要做的是有一個模式與列名稱和複選框上每當選中或取消選中時，提交時，我的表列應更新基於模式的選中/未選中的列名稱。這個怎麼做？

Answer 1

您需要使用相同的代碼。而不是錨標籤，你會有複選框。

<input type="checkbox" class="toggle-vis" data-column="0" value="Name"/>Name 

而你的jQuery事件選擇器將會改變。

$('.toggle-vis').on('click', function (e) { 

    // Get the column API object 
    var column = table.column($(this).attr('data-column')); 

    // Toggle the visibility 
    column.visible(! column.visible()); 
}); 

here是Name欄的工作小提琴。你可以把這些複選框放在你的模態窗口中。