Hola, necesito mover en la parte superior la columna de filtro en mi JQUERY DATATABLES 1.10.10 Tengo la columna de filtro en la parte inferior:

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

Y un clásico:

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

Mis tablas de datos usan la función scrollX y scroolY ... y el contenidoes generar del lado del servidor, y todo funciona correctamente ... el filtro también.

Necesito mover el filtro en la parte superior (después o antes) del Título (TH y THEAD)

He probado muchas soluciones sin éxito, por ejemplo:

Agregar columnas TD en THEAD no trabajes

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

Solución CSS: no trabajes

 tfoot {
    display: table-header-group;
}

¿cualquier sugerencia?