Hallo Ich muss die Filterspalte in meinen JQUERY DATATABLES 1.10.10 oben verschieben. Ich habe die Filterspalte unten:

$("dtabledID thead th").each( function () {
        var title = $(this).text();
        $(this).html( "<input type=\"text\" placeholder=\"Search "+title+"\" />" );
    } );

Und ein Klassiker:

// 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();
        } );
    } );

Meine DataTables verwenden scrollX und scroolY ... und den Inhalt wird serverseitig generiert, und alle funktionieren richtig .. der Filter auch.

Ich muss den Filter über (nach oder vor) dem Titel (TH und THEAD) verschieben.

Ich habe viele Lösungen ohne Erfolg ausprobiert, zum Beispiel:

TD-Spalten in THEAD @ hinzufüg nicht arbeiten

<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-Lösung: nicht funktionieren

 tfoot {
    display: table-header-group;
}

irgendein Vorschlag