jquery-ui - 动态填充 JQuery DataTable

Question

我需要在我的 JSP 中修改 JQuery 数据表，其中我没有用于列创建的静态数据。列数以及要填充的列名和数据必须来自服务器。如何编写这样的 JQuery DataTable。

任何帮助，将不胜感激。

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
});