Создать динамическую таблицу с текстовым полем, выпадающим списком и дубликатом определенного столбца

Question

Сообщество великого дня, у меня проблемы с добавлением кнопки, выпадающего списка, текстового поля, дублирования определенной строки и скрытой определенной строки в динамической таблице.

Для дубликата конкретной строки в таблице начинайте с 13 строки до 17 строки.

Для скрытого ряда находится в ряду 4 .

Я могу создать динамическую таблицу и текстовое поле в правом столбце, но он должен быть в левом столбце.

Ниже приведен javascript:

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 < 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);
 }

Ожидаемый результат:

таблица справа: текст | таблица слева: текстовое поле

таблица справа: текст | таблица слева: выпадающий список

таблица справа: текст | левая сторона таблицы: двойная кнопка для конкретной строки