動態填充JQuery數據表

Question

我需要修改我的JSP中的JQuery數據表，其中我沒有創建列的靜態數據。 列數以及要填充的列名和數據必須來自服務器。 如何編寫這樣的JQuery數據表。

任何幫助，將不勝感激。

Answer 1

Create a dynamic array for both column and data value 
$.post('ajax1', serilize, function(data) { 
var list = data.list; 
    $.each(list[0], function(key, value) { 
     aaColumnvalue.push({"sTitle": value.columns_name},..}); 
    $.each(list[1], function(key, value) { 
     aaDatavalue.push([value.id,value.name,...]); 
    }); 
)); enter code here 
Here list[0] is dynamic column name and aaColumnvalue value array then pass these array value to datatable 
var table = $('#exampletable').dataTable({ 
    "sScrollY": "200px", 
    "sScrollX": "50%", 
    "bJQueryUI": true, 
    "sPaginationType": "full_numbers", 
    "aaData": aaDatavalue, 
    "aoColumns": aaColumnvalue 
});