Как добавить кнопку в таблицу

Question

Так что прямо сейчас у меня есть функция, которая добавляет правильное количество ячеек к нижней части моей таблицы при нажатии кнопки.

JS для добавления строки:

<a href="javascript:myFunction();" title="addRow" class="btn btn-info" id="row">Add Row</a> 
     <script> 
     function myFunction() { 
      var table = document.getElementById("data-table"); 
      var row = table.insertRow(-1); 
      var cell1 = row.insertCell(0); 
      var cell2 = row.insertCell(1); 
      var cell3 = row.insertCell(-1); 
      var cell4 = row.insertCell(-1); 
      var cell5 = row.insertCell(-1); 
      var cell6 = row.insertCell(-1); 

      cell1.innerHTML = "Video File Name"; 
      cell2.innerHTML = "Original File Size"; 
      cell3.innerHTML = "23432"; 
      cell4.innerHTML = "23423"; 
      cell5.innerHTML = "2342"; 
      cell6.innerHTML = "Compress"; 

     } 

Как я могу добавить кнопку в мой 6-й клетке, когда я нажимаю на мою кнопку Добавить строку?

Answer 1

Просто измените содержимое вашей шестой ячейки (т.е. cell6) явно включать в себя кнопку при установке innerHTML свойства:

// This sets the HTML within your cell, so include whatever you need within it 
cell6.innerHTML = "<button>Compress</button>"; 

Answer 2

Тест

cell6.innerHTML = "<button>my button</button>";