通过在列的索引处添加新列add celldata

时间:2016-10-21 07:21:12

标签: javascript jquery

我正在尝试使用datatable-managerjavascript创建jquery。当我向表中添加一个新列时,我想用“defaulttext”填充列索引处所有行的所有单元格。

example Picture

正如您在图片中看到的那样,新列索引处的单元格应该是文本。

作为初学者,我正在努力学习代码。我希望有人能得到我想要达到的目标并且可以提供帮助:)

function AddColumnToDataTable(){

      $('#tableHeader').append("<td>" + GetEmptyText() + "</td>"); 
      // Add a new Column Header to the Table

      var columnIndex =  $('#dataTable').rows[2].cells.length; 
      // The columnIndex of the new column (the headers start on row 3)

      var rowCount = (-3) + $('#dataTable').getElementsByTagName("tr").length; 
      // Count the rows except the first 3 rows / only the data rows not the title, header and button rows

      var textToAppend = "<td>" + GetEmptyText() + "</td>"; 
      // the default text to fill

      var rows = $('tr', '#dataTable'); 
      // get the rows in the table

    for (var i = 3; i <= rowCount; i++) {
      rows.eq(i).html(textToAppend);         
      // loop through all rows starting on row 3 and add the text
    // the column index is missing
    }
}

1 个答案:

答案 0 :(得分:0)

谢谢,我是通过使用

得到的
function AddColumnToDataTable(){
  $('#tableHeader').append("<th> Header </th>");
  $('table th').last().attr("contenteditable", true).focus();
  $('#tableBody').find("tr").each(function() {
          $(this).append("<td> Content </td>");
      });
}