I have a table that I would like to reposition the search field in a div at the top of the screen how can I make this change the example is in the image below

$(document).ready(function() {
var dataTable = $('#employee-grid').DataTable( {
"order": [ 1, 'asc' ],
"processing": true,
"serverSide": true,
"responsive": true,
"sPaginationType": "full_numbers",
"dom": '<"toolbar"><"top"BRf>rt<"bottom"lp><"clear">',
"ajax":{
url :"includes/tabelas/servicos.php?status=<?php echo $_REQUEST['status']?>", // json datasource
type: "post", // method , by default get
error: function(){ // error handling
$(".employee-grid-error").html("");
$("#employee-grid").append('No data found in the server');
("#employee-grid_processing").css("display","none");
}
}
} );
} );
Answers
Hi @fabioo7 ,
You can move the element with jQuery functions - something like this.
Cheers,
Colin