У меня в таблице dataTables "Поиск по отдельному столбцу (выберите входы)", и она отлично работает.
На данный момент они могут выбрать только один параметр для каждого столбца. Я бы хотел, чтобы мои пользователи могли выбирать более одного варианта для каждого столбца. Например, они могут выбрать год 2 и год 3 в столбце группы «Год». Я попытался добавить несколько атрибутов для выбора ввода и изменить обработчик события с «Изменить на нажмите». Но это не работает.
Вот с чем я работаю ...
$(document).ready(function() {
var table = $('.dataTablesAttendance').DataTable( {
info: true,
lengthMenu: [10, 15, 20, 25, 30, 35, 40, 45, 50, "All"],
pageLength: 15,
searching: true,
order: [[2, "asc"]],
fixedHeader: true,
columnDefs: [
{
"targets": [0,11,12], //first column / numbering column
"orderable": false, //set not orderable
}],
// dom: 'Brtip',
dom: "<'row'<'col-sm-12 col-md-6'l><'col-sm-12 col-md-6'r>>" + "<'row'<'col-sm-12't>>" +"<'row'<'col-sm-12 col-md-5'i><'col-sm-12 col-md-7'>>",
// Initialise the footer to contain dop down selects
initComplete: function () {
this.api().columns([3,4,5,6,7,8,9,10]).every( function () {
var column = this;
var select = $('<select multiple class="form-control form-control-sm"><option value="">Show all</option></select>')
.appendTo( $(column.footer()).empty() )
.on( 'click', function () {
var val = $.fn.dataTable.util.escapeRegex(
$(this).val()
);
column.search( val ? '^'+val+'$' : '', true, false ).draw();
} );
column.data().unique().sort().each( function ( d, j ) {
select.append( '<option value="'+d+'">'+d+'</option>' )
} );
} );
}
} ); // var = table