Moving Search Bar on MDBootstrap table

Moving Search Bar on MDBootstrap table

catkesoncatkeson Posts: 3Questions: 2Answers: 0
edited September 2018 in Free community support

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>

This question has an accepted answers - jump to answer

Answers

  • colincolin Posts: 15,112Questions: 1Answers: 2,583
    Answer ✓

    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

This discussion has been closed.