title: Append data to table by ajax
body: <p>I'm having issue with appending my data to table body.</p>
  
  <h1>Code</h1>
  
  <pre><code>$.ajax({
    type:'GET',
    url:'{{url('dashboard/customer-groups')}}/'+ordID,
    success:function(data){
      console.log(data);  //screenshot below
    }
  });
  </code></pre>
  
  <h1>screenshot</h1>
  
  <p>data returned by ajax code above in 2 categories (group and customers)</p>
  
  <p><a href="https://i.stack.imgur.com/3or8Z.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/3or8Z.png" alt="one"></a></p>
  
  <h1>HTML</h1>
  
  <pre><code>&lt;table id="data-table" class="table table-striped table-bordered"&gt;
      &lt;thead&gt;
      &lt;tr&gt;
          &lt;th&gt;#&lt;/th&gt;
          &lt;th&gt;Name&lt;/th&gt; // from customers array
          &lt;th&gt;Company&lt;/th&gt; // from customers array
          &lt;th&gt;Province&lt;/th&gt; // from customers array
          &lt;th&gt;City&lt;/th&gt; // from customers array
          &lt;th&gt;Email&lt;/th&gt; // from customers array
          &lt;th&gt;Industry&lt;/th&gt; // from customers array
          &lt;th&gt;Group&lt;/th&gt; // from group
      &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody id="table_customer"&gt;&lt;/tbody&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p><strong>Any idea?</strong></p>