Moving Search Bar on MDBootstrap table

catkeson

Hello, my question is very similar to this question:
https://datatables.net/forums/discussion/42077/how-to-change-the-position-and-style-of-the-search-block-and-the-number-of-records-block

However, I want to move the search bar left and right, not just up and down. How would I do this? This is my first project with HTML and CSS so I am hoping the solution is really easy and I can learn something. Thank you!

<style>

tableframe {
width: 95%;
height: 600px;
margin: 20px auto;
display:block;
}

</style>

$(document).ready(function () { $('#table_scroll').DataTable({ "scrollY": "65vh", "paginate": false, "dom": 'fti', language: {searchPlaceholder: "Search accounts"} }); $('.dataTables_length').addClass('bs-select'); });

<tableframe>

Some Table Here

</tableframe>

colin

Hi @catkeson ,

By default, the search input element is already on the right.

To move it to the left, do something like this. This thread here gives some info on that.

Cheers,

Colin