Answers

• glenderson Posts: 231Questions: 11Answers: 29

  January 2016 Answer ✓

  DOM feature to position the search box here -

  https://datatables.net/reference/option/dom

  Placeholder, search value described here -

  https://datatables.net/reference/option/language.searchPlaceholder
• amarundo Posts: 6Questions: 3Answers: 0

  January 2016

  Thanks, very useful.
• countershane Posts: 3Questions: 0Answers: 0

  January 2017

  this is kind of useful, but is there a way to move the search box to the left if I'm not using bootstrap styling?
  Thanks
• mackmack Posts: 15Questions: 1Answers: 2

  January 2017

  Yes you can make a class in your css like:
  .pull-left{
  float: left !important;
  }

  and then add this class to datatable search div using jquery or javascript.

  example:
  $('.dataTables_filter').addClass('pull-left');

  make sure your script is in the head part of your html.
• countershane Posts: 3Questions: 0Answers: 0

  June 2017

  Thanks!
• countershane Posts: 3Questions: 0Answers: 0

  June 2017

  I found that adding:
  .dataTables_filter {
  text-align: left !important;
  }
  to the css also works.
• androclus Posts: 2Questions: 0Answers: 0

  April 2018 edited April 2018

  Like countershane's last example, the simplest solution for me, too, was to just add his 3 lines to the CSS, BUT replace text-align with float:

  .dataTables_filter {
     float: left !important;
  }