jQuery DataTables Column Show/Hide Toggle using Bootstrap Modal

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. Эти флажки можно поместить в свое модальное окно.