如何顯示編輯和使用Java腳本刪除html動態表按鈕

Question

function ViewTable(data) 
    { 

     var html = '<table>'; 
     html += '<tr>'; 

     for (var j in data[0]) { 
      html += '<th>' + j + '</th>'; 
     } 
     html += '</tr>'; 
     for (var i = 0; i < data.length; i++) { 
      html += '<tr>'; 
      for (var j in data[i]) { 

       html += '<td>' + data[i][j] + '</td>'; 
      } 

     } 
     html += '</table>'; 
     document.getElementById('divRecords').innerHTML = html; 

    } 

我想在每行的末尾添加編輯和刪除bottons 請人幫我走出了這一點。

Answer 1

以下應該工作。

var html = '<table>'; 
    html += '<tr>'; 

    for (var j in data[0]) { 
     html += '<th>' + j + '</th>'; 
    } 
    html += '<th colspan="2">Actions</th>' 
    html += '</tr>'; 
    for (var i = 0; i < data.length; i++) { 
     html += '<tr>'; 
     for (var j in data[i]) { 

      html += '<td>' + data[i][j] + '</td>'; 
     } 
     html += '<td><a href="#">edit</td><td> | <a href="#">delete</td></tr>'; 
    } 
    html += '</table>'; 
    document.getElementById('divRecords').innerHTML = html; 

樣本數據：

var data = [ 
    [1, 2], 
    [3, 4], 
    [5, 6] 
]; 

表出現如下