Align searchpanes and increase width of searchpane

PareshKumar

Hi, Is there any way where i could make the searchpane at the center?
I have attached an image of my currently looking searchpane

Is it possible to have something like this?

Help would be appreciated. Thanks.

PareshKumar

Currently i am using these files

<link href=" https://cdn.datatables.net/searchpanes/1.0.1/css/searchPanes.dataTables.min.css" rel="stylesheet" />

<script src="https://code.jquery.com/jquery-3.3.1.js"></script>
<script src="https://cdn.datatables.net/1.10.20/js/jquery.dataTables.min.js"></script>  
<script src="https://nightly.datatables.net/searchpanes/js/dataTables.searchPanes.js"></script>
<script src="https://cdn.datatables.net/select/1.3.1/js/dataTables.select.min.js"></script> 

sandy

Hi @PareshKumar ,

Just add some custom css to the SearchPanes container.

div.dtsp-searchPanes {
   justify-content: space-evenly !important;
}

Take a look at this example.

Thanks,
Sandy

PareshKumar

This helps. Thanks @sandy