title: Trying to create Downloadable Tabulator Table but nothin appears
body: <p>I am trying to implement an downloadable table on my project, I have all the cdns required and the tabulator is already installed by node. I am programming in Laravel. This is my code so far:</p>
  
  <pre><code>&lt;div id="example-table"&gt;&lt;/div&gt;
  &lt;script type="text/javascript"&gt;
  //Build Tabulator
    var tabledata = [
    {id:1, name:"Oli Bob", progress:"12", gender:"red", rating:"", col:"", dob:"", car:""}];
    table.setData(tableData);
  var table = new Tabulator("#example-table", {
      data:tabledata,
      height:"311px",
      columns:[
          {title:"Name", field:"name", width:200},
          {title:"Progress", field:"progress", width:100, sorter:"number"},
          {title:"Gender", field:"gender"},
          {title:"Rating", field:"rating", width:80},
          {title:"Favourite Color", field:"col"},
          {title:"Date Of Birth", field:"dob", align:"center", sorter:"date"},
          {title:"Driver", field:"car", align:"center", formatter:"tickCross"},
      ],
  });
  
  //trigger download of data.csv file
  $("#download-csv").click(function(){
      table.download("csv", "data.csv");
  });
  
  //trigger download of data.json file
  $("#download-json").click(function(){
      table.download("json", "data.json");
  });
  
  //trigger download of data.xlsx file
  $("#download-xlsx").click(function(){
      table.download("xlsx", "data.xlsx", {sheetName:"My Data"});
  });
  
  //trigger download of data.pdf file
  $("#download-pdf").click(function(){
      table.download("pdf", "data.pdf", {
          orientation:"portrait", //set page orientation to portrait
          title:"Example Report", //add title to report
      });
  });
  
  &lt;/script&gt;
  &lt;script type="text/javascript"&gt;
  &lt;/script&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>/////////////////////////////////CDN/////////////////////////////////////</p>
  
  <pre><code>  &lt;script src="https://kit.fontawesome.com/d6743b0f97.js" crossorigin="anonymous"&gt;&lt;/script&gt;
    &lt;link href="dist/css/tabulator.min.css" rel="stylesheet"&gt;
    &lt;script type="text/javascript" src="dist/js/tabulator.min.js"&gt;&lt;/script&gt;
    &lt;link href="https://unpkg.com/tabulator-tables@4.4.3/dist/css/tabulator.min.css" rel="stylesheet"&gt;
    &lt;script type="text/javascript" src="https://unpkg.com/tabulator-tables@4.4.3/dist/js/tabulator.min.js"&gt;&lt;/script&gt;
    &lt;script type="text/javascript" src="http://oss.sheetjs.com/js-xlsx/xlsx.full.min.js"&gt;&lt;/script&gt;
    &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/1.3.5/jspdf.min.js"&gt;&lt;/script&gt;
    &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf-autotable/3.0.5/jspdf.plugin.autotable.js"&gt;&lt;/script&gt;
    &lt;link href="dist/css/tabulator.css" rel="stylesheet"&gt;
    &lt;script type="text/javascript" src="dist/js/tabulator.js"&gt;&lt;/script&gt;
    &lt;script type="text/javascript" src="dist/js/tabulator_core.js"&gt;&lt;/script&gt;
    &lt;script type="text/javascript" src="dist/js/tabulator_core.min.js"&gt;&lt;/script&gt;
    &lt;script type="text/javascript" src="dist/js/modules/format.min.js"&gt;&lt;/script&gt;
    &lt;script type="text/javascript" src="dist/js/tabulator_core.min.js"&gt;&lt;/script&gt;
    &lt;script type="text/javascript" src="dist/js/modules/format.min.js"&gt;&lt;/script&gt;
    &lt;script type="text/javascript" src="dist/js/tabulator.min.js"&gt;&lt;/script&gt;
    &lt;script type="text/javascript" src="dist/js/jquery_wrapper.min.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>This is what I am getting in my body: <a href="https://i.imgur.com/sC6og2Q.png" rel="nofollow noreferrer">https://i.imgur.com/sC6og2Q.png</a>
  Nothing</p>