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

Question

我已成功使用jQuery DataTables,它们外观和功能都很棒.但我正在切换到动态添加行,并且添加行时某些格式化会消失.

列1种,背景颜色消失2.选择clumn背景颜色消失,以及3,如果您单击列标题,它杀死所有行和所有的背景颜色重置数据表到其初始状态,并选择列他们应该回来的背景.

这是表的初始化方式"

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>否则你不应该附加一个你打破表

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

  giCount++;
}