2012-03-21 73 views
4

我已成功地使用jQuery DataTables,他们看起来功能很好。但是我正在切换到动态添加行,并且添加行时某些格式会消失。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.... " 
+0

我们需要更多的代码,你张贴的一定是不enou呃找出解决办法。 – Th0rndike 2012-03-21 13:27:26

+0

好吧,更多代码即将到来... – DKean 2012-03-21 13:28:29

+2

您应该调用fnAddData。 http://www.datatables.net/api – 2012-03-21 13:33:35

回答

6

要添加你应该使用fnAddData()行,你不应该附加一个<tr>否则你打破表

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

    giCount++; 
} 
+0

我认为你是对的。谢谢,@Nicola – DKean 2012-03-21 13:39:23

+0

问题是我需要插入一个复选框,我不知道如何做到这一点与fnAddData() – DKean 2012-03-21 13:41:31

+0

@ DennisKean你可以插入一些HTML在你的行 – 2012-03-21 13:46:11