Поиск по конкретной колонке DataTable
Для составления таблиц использую datatables.net. Все работает корректно, но никак не могу подключить дополнительный поиск по колонке, как показано по данной ссылке datatables.net/examples/api/multi_filter.html, хотя все делаю вроде бы верно. В чем может быть дело?
<table id="table_id" class="display">
<thead>
<tr>
<td rowspan="2"><b>Наименование</b></td>
<td rowspan="2"><b>Номер документа</b></td>
<td rowspan="2"><b>Формат</b></td>
<td colspan="2"><b>Подлинник</b></td>
<td colspan="2"><b>Дубликат</b></td>
<td colspan="2"><b>Применяемость</b></td>
<td rowspan="2"><b>Для отметок</b></td>
<td rowspan="2"><b>Литера</b></td>
</tr>
<tr>
<td><b>Инвентарный номер</b></td>
<td><b>Дата поступления</b></td>
<td><b>Инвентарный номер</b></td>
<td><b>Дата поступления</b></td>
<td><b>Обозначение</b></td>
<td><b>Шифр индекса изделия</b></td>
</tr>
</thead>
<tfoot>
<tr>
<td rowspan="2"><b>Наименование</b></td>
<td rowspan="2"><b>Номер документа</b></td>
<td rowspan="2"><b>Формат</b></td>
<td colspan="2"><b>Подлинник</b></td>
<td colspan="2"><b>Дубликат</b></td>
<td colspan="2"><b>Применяемость</b></td>
<td rowspan="2"><b>Для отметок</b></td>
<td rowspan="2"><b>Литера</b></td>
</tr>
<tr>
<td><b>Инвентарный номер</b></td>
<td><b>Дата поступления</b></td>
<td><b>Инвентарный номер</b></td>
<td><b>Дата поступления</b></td>
<td><b>Обозначение</b></td>
<td><b>Шифр индекса изделия</b></td>
</tr>
</tfoot>
<tbody>
<?php
$j=0;
while ($j<$i)
{
echo " <tr>
<td>$DocumentName[$j]</td>
<td>$DocumentNumber[$j]</td>
<td>$DocumnetFormat[$j]</td>
<td>$OriginalInventoryNumber[$j]</td>
<td>$OriginalDataSupplay[$j]</td>
<td>$DuplicationInventoryNumber[$j]</td>
<td>$DuplicationDataSupplay[$j]</td>
<td>$DesignationApplicability[$j]</td>
<td>$CypherApplicability[$j]</td>
<td>$ForMarks[$j]</td>
<td>$Letter[$j]</td>
</tr>";
$j++;
}
echo '</tbody></table>';
?>
<script>
$(document).ready(function() {
// Setup - add a text input to each footer cell
$('#table_id tfoot th').each( function () {
var title = $(this).text();
$(this).html( '<input type="text" placeholder="Search '+title+'" />' );
});
// DataTable
var table = $('#table_id').DataTable({
initComplete: function () {
// Apply the search
this.api().columns().every( function () {
var that = this;
$('input', this.footer()).on('keyup change clear', function () {
if ( that.search() !== this.value ) {
that
.search( this.value )
.draw();
}
});
});
}
});
});
</script>