title: How can I remove DIV class dt-button of a dataTables button?
body: <p>I am using Datatable with Button. I want to align the data tables button in other buttons . I tried this Code</p>
  
  <pre><code>var table = $('#example1').DataTable();
  
  
  
  var buttons = new $.fn.dataTable.Buttons(table, {
         buttons: [
              {
                  extend: 'csvHtml5',
                  text:      '&lt;span class="fa fa-download"&gt;&lt;/span&gt; &amp;nbsp;CSV',
                  className: "btn btn-default btn-sm"
              },
              {
                  extend: 'pdfHtml5',
                  text:      '&lt;span class="fa fa-print"&gt;&lt;/span&gt; &amp;nbsp;Print',
                  className: "btn btn-default btn-sm",
                  titleAttr: 'Print',
                  download: 'open',
                  exportOptions: {
                      columns: [ 0, 1, 2, 3,4, 5, 6, 7, 8 ]
                  },
                  orientation: 'landscape',
                  pageSize: 'A4'
              },
  
        ]
    }).container().appendTo($('#buttons'));  
  </code></pre>
  
  <p>this is my code in html </p>
  
  <pre><code>&lt;span class="new-button"&gt;&lt;a href="{{url('admin/vehicles/create')}}" class="btn btn-success btn-sm"&gt;&lt;span class="fa fa-plus"&gt;&lt;/span&gt; &amp;nbsp;Add New&lt;/a&gt;&lt;/span&gt;
  &lt;div id="buttons"&gt; &lt;/div&gt;
  </code></pre>
  
  <p>When i run in view source code..</p>
  
  <pre><code>    &lt;span class="new-button"&gt;&lt;a href="#" class="btn btn-success btn-sm"&gt;&lt;span class="fa fa-plus"&gt;&lt;/span&gt; &amp;nbsp;Add New&lt;/a&gt;&lt;/span&gt;
  &lt;div id="buttons"&gt;
      &lt;div class="dt-buttons"&gt;
          &lt;button class="dt-button buttons-csv buttons-html5 btn btn-default btn-sm" tabindex="0" aria-controls="example1" type="button"&gt;
          &lt;span&gt;&lt;span class="fa fa-download"&gt;&lt;/span&gt; &amp;nbsp;CSV&lt;/span&gt;&lt;/button&gt; 
          &lt;button class="dt-button buttons-pdf buttons-html5 btn btn-default btn-sm" tabindex="0" aria-controls="example1" type="button" title="Print"&gt;&lt;span&gt;&lt;span class="fa fa-print"&gt;&lt;/span&gt; &amp;nbsp;Print&lt;/span&gt;&lt;/button&gt; 
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>what i want to align the code</p>
  
  <pre><code>&lt;span class="new-button"&gt;&lt;a href="#" class="btn btn-success btn-sm"&gt;&lt;span class="fa fa-plus"&gt;&lt;/span&gt; &amp;nbsp;Add New&lt;/a&gt;&lt;/span&gt;
  &lt;div id="buttons"&gt;
          &lt;button class="dt-button buttons-csv buttons-html5 btn btn-default btn-sm" tabindex="0" aria-controls="example1" type="button"&gt;
          &lt;span&gt;&lt;span class="fa fa-download"&gt;&lt;/span&gt; &amp;nbsp;CSV&lt;/span&gt;&lt;/button&gt; 
          &lt;button class="dt-button buttons-pdf buttons-html5 btn btn-default btn-sm" tabindex="0" aria-controls="example1" type="button" title="Print"&gt;&lt;span&gt;&lt;span class="fa fa-print"&gt;&lt;/span&gt; &amp;nbsp;Print&lt;/span&gt;&lt;/button&gt; 
  &lt;/div&gt;
  </code></pre>