title: How to have a div below the search box line in datatable?
body: <p>I want to have a div below the the search box line of the datatable with one sub div float left and another fload right as follows:
  <code>&lt;div style="float: left"&gt; left content &lt;/div&gt; &lt;div style="float: right"&gt; right content &lt;/div&gt;</code></p>
  
  <p>My approach for it was from this link: <a href="https://datatables.net/examples/advanced_init/dom_toolbar.html" rel="nofollow noreferrer">https://datatables.net/examples/advanced_init/dom_toolbar.html</a></p>
  
  <pre><code>$(document).ready(function() {
      $('#example').DataTable( {
          "dom": 'fr&lt;"testdiv"&gt;tip'
      } );
      $("div.testdiv").html('&lt;div style="float: left"&gt; left content &lt;/div&gt; &lt;div style="float: right"&gt; right content &lt;/div&gt;');
  } );
  </code></pre>
  
  <p>Here i have problem that is the div which i wished have is appearing in same line as the search box. How can i make it appear in next line?</p>