title: How to Create table with Row and column in Javascript
body: <p>I need some advise on creating a dynamic JavaScript table with the following condition: </p>
  
  <ol>
  <li>Every row will have 3 column </li>
  <li>Number of row will depends on how many data in an array </li>
  <li>Also to delete a column value based on sequence</li>
  </ol>
  
  <p>Here is some Screenshot</p>
  
  <p>I have 4 data in a array </p>
  
  <h2>Update</h2>
  
  <p>For people who don't what I'm trying to achieve is that a button that insert a column  in sequence and when the column has 3 it will move to next row.</p>
  
  <p><img src="https://i.stack.imgur.com/HsjqH.png" alt="Initial row creation "></p>
  
  <p>Button click once</p>
  
  <p><img src="https://i.stack.imgur.com/ub9p2.png" alt=""></p>
  
  <p>Button click once more</p>
  
  <p><img src="https://i.stack.imgur.com/Y18Xr.png" alt=""></p>
  
  <p>Button click once more</p>
  
  <p><img src="https://i.stack.imgur.com/YdsnE.png" alt=""></p>