title: Create blank and editable column after table using JavaScript
body: <p>I have successfully created dynamic table using JavaScript. Now I want to add a column which will be blank and editable to the user after header 6 column in the table with default header name.</p>
  <p>I have to no clue how to do.</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>var passedArray = [
    ["header_1", "header_2", "header_3", "header_4", "header_5", "header_6"],
    ["dsgdsfg", "dsgdsfg", "dsgdsfg", "dsgdsfg", "dsgdsfg", "dsgdsfg"],
    ["fsgdfg", "fsgdfg", "fsgdfg", "fsgdfg", "fsgdfg", "fsgdfg"],
    ["sdgsdgfs", "sdgsdgfs", "sdgsdgfs", "sdgsdgfs", "sdgsdgfs", "sdgsdgfs"],
    ["dsgfd", "dsgfd", "dsgfd", "dsgfd", "dsgfd", "dsgfd"]
  ];
  var html = "&lt;table id = both_table&gt;";
  passedArray[0].forEach(function(key) {
    let newVal = key.replace(/_/g, ' ').toUpperCase();
    html += "&lt;th&gt;" + newVal + "&lt;/th&gt;";
  });
  passedArray = passedArray.slice(1, );
  passedArray.forEach(function(row) {
    html += "&lt;tr&gt;";
    Object.keys(row).forEach(function(key) {
      html += "&lt;td&gt;" + row[key] + "&lt;/td&gt;";
    });
    html += "&lt;/tr&gt;";
  });
  html += "&lt;/table&gt;";
  
  normalizedDataTable.innerHTML = html;</code></pre>
  <pre class="snippet-code-css lang-css prettyprint-override"><code>#both_table {
    font-family: Arial, Helvetica, sans-serif;
    border-collapse: collapse;
    width: 100%;
    margin-bottom: 3rem;
    text-align-last: center;
  }
  
  #both_table td,
  #both_tableth {
    border: 1px solid #ddd;
    padding: 8px;
  }
  
  #both_table tr:hover {
    background-color: #ddd;
  }
  
  #both_table th {
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: left;
    background-color: #4caf50;
    color: white;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div class="normalized_data_table" id="normalizedDataTable"&gt;&lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  <p>Thank you in advance</p>