2012-03-21 64 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