title: Create dynamic table with textbox, dropdownlist and duplicate specific column
body: <p>Great day community, i having problem on adding button, dropdownlist,textbox ,duplicate specific row and hidden specific row in dynamic table.</p>
  
  <p><em>For duplicate specific row in table start from <strong>13</strong> row to <strong>17</strong> row.</em></p>
  
  <p><em>For hidden row is on row <strong>4</strong>.</em></p>
  
  <p>I'm able create dynamic table,and textbox right column but it should be on left column.</p>
  
  <p><strong>Below is the javascript:</strong></p>
  
  <pre><code>function tableCreate() {
       var body = document.body,
           tbl  = document.createElement('table');
       txtbox = document.createElement('input');
       tbl.style.width  = '350px';
       tbl.style.border = '1px solid black';
  
   for(var ix = 0; ix &lt; 17; ix++){   // this loop will create 17 row 
       var tr = tbl.insertRow();
       var td = tr.insertCell();
       td.style.border = '1px solid black';
       td.appendChild(document.createElement('input'));  //create textbox here
    }
    body.appendChild(tbl);
   }
  </code></pre>
  
  <p><strong>Expected Result:</strong></p>
  
  <p>table right side: text  |   table left side: textbox</p>
  
  <p>table right side: text  |  table left side: dropdownlist</p>
  
  <p>table right side: text  |   table left side: duplicate button for specific row</p>