Серверная часть jquery datatables - столбец фильтра сверху
Здравствуйте, мне нужно переместить верхнюю часть столбца фильтра в JQUERY DATATABLES 1.10.10 У меня есть столбец фильтра внизу:
$("dtabledID thead th").each( function () {
var title = $(this).text();
$(this).html( "<input type=\"text\" placeholder=\"Search "+title+"\" />" );
} );
И классика:
// Apply the search column filters
table.columns().eq( 0 ).each( function ( colIdx ) {
$( 'input', table.column( colIdx ).footer() ).on( 'keyup change', function () {
table
.column( colIdx )
.search( this.value )
.draw();
} );
} );
Мои DataTables используют функцию scrollX и scroolY ... и содержимоегенерировать на стороне сервераи все работает правильно .. фильтр тоже.
Мне нужно переместить фильтр поверх (после или перед) заголовка (TH и THEAD)
Я пробовал много решений без успеха, например:
Добавить столбцы TD в THEAD не работает
<thead>
<tr><th>col1</th><th>col2</th></tr>
<tr><td>col1</td><td>col2<</td></tr>
</thead>
$(document).ready(function() {
$('#mytable thead td').each( function () {
var title = $('#mytable thead th').eq( $(this).index() ).text();
$(this).html( '<input type="text" placeholder="Search '+title+'" />' );
});
$("#mytable thead input").on( 'keyup change', function () {
table
.column( $(this).parent().index()+':visible' )
.search( this.value )
.draw();
});
});
CSS решение: не работает
tfoot {
display: table-header-group;
}
любое предложение?