The search box is not aligned

elzembilgi

Everyone hello search box is not fully aligned in the mobile app as seen in the picture

bindrid

that's cause your table is to narrow. You might need to rearrange it so that the buttons and the search box are not on the same line.

Here is a possibility that will move the search box under the buttons:

$("#example").Datatable({
    dom: '<"ButtonStuff"B><"FilterStuff"f>t'
})

then add these classes to override datatable classes

<style>
    .FilterStuff>div{float:none;}
    .dataTables_wrapper .FilterStuff .dataTables_filter {float:left}
</style>

prats

If it's not responsive then please try
https://datatables.net/extensions/responsive/ might that help you to hit the goal.

allan

@elzembilgi - What's the styling library you are using in your screenshot?

Allan

elzembilgi

Thanks solved the problem