动态填充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 
});