title: Datatable returns No data available in table when the JSON I give it looks valid
body: <p>I am trying to initialize data tables and feed it an array of objects. I am getting an error saying that there is <code>No data available in table</code>. But I can print it out to the console and see that that is incorrect. </p>
  
  <pre><code>//JS
  
  get_notes().done(funciton(){
  
       console.log(my_json)//what its format is below
       //my_json = [
             {
                "username": "thomas", 
                "fullname": "Thomas familyname"
              }, 
         /*...*/]
  
         _.isArray(my_json) //true
  
       $("#note_table").DataTable({
          data: my_json,
          columns: [
              {title: "fullname"},
              {title: "username"}
          ]
       });
  });
  
   &lt;!--HTML--&gt;
   &lt;table id="note_table"&gt;
  
         &lt;thead&gt;
             &lt;tr&gt;
                 &lt;th&gt;fullname&lt;/th&gt;
                 &lt;th&gt;username&lt;/th&gt;
          &lt;/thead&gt;     
  
          &lt;tobdy&gt;
  
          &lt;/tbody&gt;
  
   &lt;/table&gt;
  </code></pre>
  
  <p>How can I prevent this error?</p>