title: dataTables export button display in custom position?
body: <p>I want to show my dataTable export button in custom div . how can I Do this ?</p>
  
  <h2>my Current code</h2>
  
  <p>this is default code and buttons show seperatly on top of my table. how can I edit this?</p>
  
  <pre><code>  $(document).ready(function() {
          $('#example').DataTable( {
              dom: 'Bfrtip',
              buttons: [
                  'excelHtml5',
                  'csvHtml5',
  
              ]
          } );
  
  } );
  </code></pre>
  
  <h2>where I want to display</h2>
  
  <pre><code>            &lt;select id="ex"&gt;
                  &lt;option&gt;Export &lt;/option&gt;
                  &lt;option id="csv" &gt;CSV&lt;/option&gt;
                  &lt;option id="xls" &gt;XLS&lt;/option&gt;
              &lt;/select&gt;
  </code></pre>
  
  <p>here is the fiddle 
  <a href="https://jsfiddle.net/qt9p2fwt/3/" rel="noreferrer">https://jsfiddle.net/qt9p2fwt/3/</a></p>