title: How to create table thead and tbody dynamically
body: <p>I have the below JSON as response , i am trying to create a table from the  loop </p>
  
  <pre><code>{
      "columns": ["Country", "DateLastModified"],
      "data": [
          [
              ["IND"],
              ["22:03.4"]
          ],
          [
              ["US"],
              ["22:11.0"]
          ]
      ]
  }
  </code></pre>
  
  <p>I have tried as shown below </p>
  
  <pre><code>function formDataTable(response)
  {
          // forming table header     
          var allcolumns = response.columns;
          var html = "&lt;table&gt;&lt;thead&gt;"
          for (var i = 0; i &lt; allcolumns.length; i++)
          {
                  html += '&lt;th&gt;' + allcolumns[i] + '&lt;/th&gt;';
          }
          html += "&lt;/thead&gt;&lt;/table&gt;"
          $('#here_table').html(html);
          // forming table header ends 
  
  
          var alldata = response.data;
          var alldatahtml = '';
          for (var j = 0; j &lt; alldata.length; j++)
          {
                  alldatahtml += '&lt;td&gt;' + alldata[j] + '&lt;/td&gt;';
          }
  }
  </code></pre>
  
  <p>This is my fiddle <a href="https://jsfiddle.net/o2gxgz9r/9072/" rel="nofollow noreferrer">https://jsfiddle.net/o2gxgz9r/9072/</a></p>
  
  <p>Could you please let me know how to show the tbody also </p>