jQuery DataTables列使用Bootstrap Modal显示/隐藏切换

我有一个表，我正在使用jQuery数据表。 我想有一个选项来显示/隐藏我的表中的列，我看到了这个： https ： //datatables.net/examples/api/show_hide.html
在此示例中，通过单击链接以切换列的显示/隐藏来完成。 但我想要做的是在每个上面都有一个带有列名和复选框的模态，在选中或取消选中时，在提交时，我的表列应根据模态中的已检查/未选中的列名进行更新。 这该怎么做？

Answer 1

您需要使用相同的代码。 只需要代替锚标签，您就可以使用复选框。

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() ); } ); 

这是Name列的工作小提琴。 您可以将这些复选框放在模态窗口中。