2014-03-07 52 views
0

我在頁面上使用數據表,源數據位於JavaScript數組中。在使用數據表的列中顯示數組ID使用數據表

表結構非常簡單;所述aoColumns部分是:

"aoColumns" : [ 
     { "sTitle" : "Who"}, 
     { "sTitle" : "What" }, 
     { "sTitle" : "Status" } 
    ] 

當我顯示該表,我想有第一列表示從源陣列的行的索引。

所以,如果aaData包含:

["John", "Do something", "Waiting"], 
["Jane", "More things", "Done"], 
["Zed", "Stay awesome", "Ongoing] 

然後,表將實際顯示:

ID | Who | What   | Status** 
0 | John | Do Something | Waiting 
1 | Jane | .... 
2 | Zed | .... 

爲如何有表中所示實際上是數組索引的ID加成升值+ 1(所以,約翰的行將從1開始,簡的2行等)。

回答

0

使用該功能來構建你的表格:

otable.fnClearTable(); 
    $.each(datasource, function(key, value) { 
    //Want that Bonus:-) 
    var id = key + 1; 
    otable.dataTable().fnAddData([ 
     id, 
     value[0], 
     value[1], 
     value[2], 
    ]); 
    }); 

Working Plunker here

+0

非常酷謝謝。獎金在那裏:)謝謝。 出於興趣,是否可以使用更加標準的表格創建代碼來完成,如圖所示http://jsfiddle.net/Mb9He/? – leshank

+0

執行此操作的最佳方法是在應用數據表之前向數組添加索引。這可以很容易地在一個循環中完成。這是一個在顯示一行時顯示索引的重擊程序。它不會添加實際數據,因此索引不可排序。無論如何希望這有助於。 http://plnkr.co/edit/1WJlNf1zqTIXj72ff7G7?p=preview – mainguy

相關問題