title: jquery datatable doesn't show buttons
body: <p>I'm loading data into html table using jquery:</p>
  <pre><code>        function loaddata() {
          var table = $('#dataTable1').DataTable({
              &quot;buttons&quot;: ['copy', 'csv', 'excel', 'pdf', 'print', 'colvis'],
              &quot;paging&quot;: true,
              &quot;searching&quot;: true,
              &quot;ordering&quot;: true,
              &quot;info&quot;: true,
              &quot;autoWidth&quot;: false,
              &quot;responsive&quot;: true,
              'ajax': {
                  &quot;type&quot;: &quot;GET&quot;,
                  &quot;url&quot;: &quot;http://localhost:5000/getallworkers&quot;,
                  &quot;dataSrc&quot;: function (json) {
                      var return_data = new Array();
                      for (var i = 0; i &lt; json.length; i++) {
                          return_data.push({
                              'IDRadnik': json[i].IDRadnik,
                              'Ime': json[i].Ime,
                              'Prezime': json[i].Prezime
                          })
                      }
                      return return_data;
                  }
              },
              &quot;columns&quot;: [
                  { 'data': 'IDRadnik' },
                  { 'data': 'Ime' },
                  { 'data': 'Prezime' }
              ],
              &quot;buttons&quot;: ['copy', 'csv', 'excel', 'pdf', 'print', 'colvis']
          });
  
          table.buttons().container().appendTo('#dataTable1_wrapper .col-md-6:eq(0)');
      }
  </code></pre>
  <p>Problem here is that buttons are not displayed. But if I do only this:</p>
  <pre><code> function loaddata() {
   var table = $('#dataTable1').DataTable({
              &quot;buttons&quot;: ['copy', 'csv', 'excel', 'pdf', 'print', 'colvis']});
   
   table.buttons().container().appendTo('#dataTable1_wrapper .col-md-6:eq(0)');
   }
  </code></pre>
  <p>buttons are there... Why?</p>