DataTables - Скрыть/Показать столбцы

Question

Я пытаюсь показать/скрыть столбцы в DataTables с помощью кнопок переключателя (входной флажок) Bootstrap .. Я создал функционально ссылку, которая работает для отображения/скрытия столбцов, но когда я применить класс и данные колонкиони не работают с флажком .. 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, надеюсь, это поможет.