title: Populate HTML Table from javascript array format
body: <p>Suppose i have an java script Array in the following format,</p>
  
  <pre><code>[
  "Heading 1",
  "Heading 2",
  "Data 1",
  "Data 2",
  "Data 3",
  "Data 4",
   ]
  </code></pre>
  
  <p>I need to make a HTML table from the array in the following format<a href="https://i.stack.imgur.com/7laUR.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/7laUR.png" alt="enter image description here"></a></p>
  
  <p>I've never dynamically created an HTML Table from Javascript.
  Can anyone help me out? <br>
  Thanks in advance! </p>