javascript - jQuery DataTables 添加行动态删除一些初始化

Question

我已经成功地使用了 jQuery DataTables，它们看起来和功能都很棒。但是我正在切换到动态添加行，并且在添加行时一些格式会消失。

1.列的背景色消失 2.选中的柱子背景色也消失了 3. 如果您单击列标题，它会杀死所有行并将 DataTable 重置为具有所有背景颜色的初始状态，并按应有的方式选择列背景。

表格是这样初始化的

oTable = $('.utable').dataTable( {"sDom": 'rt',"sScrollY":"260px", "bPaginate":false, "bFilter":false, "bInfo": false});

这是我添加新行的方法:

document.getElementById('tbdy').innerHTML="<tr id='zrow16' class='gradeX'><td id='d1'>None</td><td id='d5' class='ralign'>None</td><td id='d6' class='ralign'>None</td></tr>";...<tr id='zrow17' class='gradeX'><td.... "

Answer 1

要添加行，您应该使用 fnAddData() , 你不应该附加 <tr>否则你会打破 table

var giCount = 2;
function fnClickAddRow() {
  oTable.fnAddData( [
    giCount+".1",
    giCount+".2",
    giCount+".3",
    giCount+".4",
   '<input type="checkbox">']
  );

  giCount++;
}