DataTables - 隐藏/显示列

Question

我想显示/隐藏列使用开关按钮（输入复选框）的引导程序在DataTables ..我创建了一个功能链接工作显示/隐藏列，但当我申请的类和数据列他们不复选框 ..工作 的JavaScript是这样的：

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

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

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

<a class="toggle-vis" data-column="7">Colina</a> 
 
<input type="checkbox" data-column="0" class="toggle-vis" onchange='OnOff(this, "Carboidrati");' data-label-text="Carboidrati" checked>

Answer 1

Wowser，这是很有趣的研究！问题是你的事件处理：以“听”到你需要听switchChange.bootstrapSwitch事件开关，改变你的代码来听那个，而不是click应该解决您的问题：

$('.toggle-vis').on('switchChange.bootstrapSwitch', function(event, state) { 
    event.preventDefault(); 
    var column = table.column(~~$(this).attr('data-column')); 
    column.visible(! column.visible()); 
}); 

工作JSFiddle，希望有所帮助。