Javascript 数据表1.10.4删除不工作

我在PageReady上用json数据初始化了一个datatable。现在单击事件，我想更改表数据。当我使用delete（）时，会抛出一个错误，说“Undemuned style”，并且仍然可以在页面中看到表对象。 代码如下：

**JS:**

function createTable(obj){

var myTableDiv = document.getElementById("populate_table");
var table = document.createElement('TABLE');
table.id='dynamictable';

var header = table.createTHead();
var row = header.insertRow(0);
var cell = row.insertCell(0);
 cell1 = row.insertCell(1);
 cell2 = row.insertCell(2);
 cell3 = row.insertCell(3);
 cell4 = row.insertCell(4);
 cell5 = row.insertCell(5);
 cell6 = row.insertCell(6);
 cell7 = row.insertCell(7);
 cell8 = row.insertCell(8);

cell.innerHTML = "<b>Title</b>";
cell1.innerHTML = "<b>Qualificatoin</b>";
cell2.innerHTML = "<b>Salary</b>";
cell3.innerHTML = "<b>Company Name</b>";
cell4.innerHTML = "<b>Tags</b>";
cell5.innerHTML = "<b>Location</b>";
cell6.innerHTML = "<b>Experience</b>";
cell7.innerHTML = "<b>About Company</b>";
cell8.innerHTML = "<b>Apply Here</b>";

var tableBody = document.createElement('TBODY');
table.appendChild(tableBody);
console.log("json length : "+obj.length);

for (var i=0; i<obj.length; i++){
/*var tr = document.createElement('TR');
tableBody.appendChild(tr);

   var td = document.createElement('TD');
   //td.width='75';
   td.appendChild(document.createTextNode("Cell " + i + "," + j));
   tr.appendChild(td);*/
var btn = document.createElement("BUTTON");
var t = document.createTextNode("CLICK ME");
btn.appendChild(t);
btn.id='apply-button';

var input = document.createElement("input");
input.setAttribute("id",obj.firstName);
input.setAttribute("type", "hidden");
input.setAttribute("name", "jobID");
input.setAttribute("value", obj.firstName);

   var rowCount = tableBody.getElementsByTagName("tr").length;

var row1 = tableBody.insertRow(rowCount);
row1.id="x";

 var rowcell0=row1.insertCell(0);
 var rowcell1=row1.insertCell(1);
 var rowcell2=row1.insertCell(2);
 var rowcell3=row1.insertCell(3);
 var rowcell4=row1.insertCell(4);
 rowcell4.id='doit';
 var rowcell5=row1.insertCell(5);
 var rowcell6=row1.insertCell(6);
 var rowcell7=row1.insertCell(7);
 var rowcell8=row1.insertCell(8);
 var rowcell9=row1.insertCell(9);

rowcell0.innerHTML= obj[i].title;
rowcell1.innerHTML= obj[i].qualification;
rowcell2.innerHTML= obj[i].salary;
rowcell3.innerHTML=obj[i].companyName;
rowcell4.innerHTML=obj[i].tags;
rowcell5.innerHTML=obj[i].location;
rowcell6.innerHTML=obj[i].experience;
rowcell7.innerHTML=obj[i].aboutCompany;
//rowcell8.innerHTML=obj[i].firstName;
rowcell9.innerHTML=obj[i].jobID;
//document.getElementById("doit").appendChild(btn);
}if(data_table==="flag"){ myTableDiv.appendChild(table); 

data_table=$('#dynamictable').DataTable({
      "paging" : true,
      "ordering" : true,
      "info"  : false,
      "searching" : true,
      "bDestroy" : true,
      "columnDefs": [
        {
            "targets": [ 9 ],
            "visible": false,
            "searchable": false
        },{
        "targets": 8,
        "data": null,
        "defaultContent": "<button>Apply</button>"
    }
     ]
    });
}
else{
        data_table.destroy();
     //     $('#dynamictable').empty();
}

    $('#dynamictable tbody').on( 'click', 'button', function () {
    var data = data_table.row( $(this).parents('tr') ).data();
    var formData=data[9];
    console.log("The data : "+data[9]);
     $.ajax({
            type : "GET",
            url : "apply",
            data:"jobID="+formData,
            dataType : "text",
            async: true,
            success : function(response) {

                console.log("The response : "+response);
            }
        });
     });
};});

函数createTable（obj）{
var myTableDiv=document.getElementById（“填充表”）；
var table=document.createElement（'table'）；
table.id='dynamictable'；
var header=table.createTHead（）；
var row=表头.插入行（0）；
变量单元格=行插入单元格（0）；
cell1=行insertCell（1）；
cell2=行插入单元格（2）；
cell3=行插入单元格（3）；
cell4=行插入单元格（4）；
cell5=行插入单元格（5）；
cell6=行插入单元格（6）；
cell7=行插入单元格（7）；
cell8=行插入单元格（8）；
cell.innerHTML=“Title”；
cell1.innerHTML=“Qualificatoin”；
cell2.innerHTML=“工资”；
cell3.innerHTML=“公司名称”；
cell4.innerHTML=“标记”；
cell5.innerHTML=“位置”；
cell6.innerHTML=“体验”；
cell7.innerHTML=“关于公司”；
cell8.innerHTML=“在此处应用”；
var tableBody=document.createElement（'TBODY'）；
table.appendChild（表体）；
log（“json长度：+obj.length”）；
对于（var i=0；i对于dataTables，我不使用delete（）。这是我在删除选定行时使用的代码：

$("#delete_button").on('click', function(data) {
     data_table.row('.active').remove().draw(false);
});

在您的代码中删除按钮点击事件的位置？@msvairam:抱歉…请现在查看代码…我已经编辑了它..ThanksHi Og Ramos:Uncaught TypeError:无法读取未定义的属性“style”…这是我在jquery.dataTables.min.js:58中遇到的错误。当您在e datatable初始化与和/或中的不匹配。请检查列数是否相同。有效点…我有一个隐藏的td，但没有为此创建任何th。请让我再试一次。