title: datatable.js grid with custom html
body: <p>I am using dataTables.js for converting normal html table into grid. </p>
  
  <pre><code>    $(document).ready(function () {
          $('#example').dataTable();
          $(".dataTables_filter input").css({ "background": "blue" });
      });
  </code></pre>
  
  <p>The jQuery dataTables plugin generates its own pagination and search box inputs around custom table. We can style these auto generated elements like i tried changing style of search input. </p>
  
  <p>But my problem is that i am using a bootstrap template. my template suggest that to style a drop down or a text boxes should be wrapped by some other divs to make it responsive and all. </p>
  
  <p>Is it possible to use my own html for drop down and search boxes and pagination and DataTable use it for all of its magic? </p>