dataTables export button display in custom position?
<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>