Question

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

1.列的背景颜色消失 2.选定的clumn背景颜色也会消失 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>，否则会打破表格

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

  giCount++;
}

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

1 个答案: