JQuery 数据表中的动态列名答案

【问题标题】：Dynamic Column Names in JQuery DataTablesJQuery 数据表中的动态列名
【发布时间】：2013-08-08 13:44:10
【问题描述】：

我无法在数据表中动态声明表头。到目前为止，这是我尝试过的：

if (result != "[]") {

        var resultColumns = [];

        $.each(result.Columns, function(i, value){

            var obj = { sTitle: value };

            resultColumns.push(obj);
        });


        $('#trendingTable').dataTable({
            "aaData": result,
            //important  -- headers of the json
            "aoColumns": [ resultColumns ],
            "sPaginationType": "full_numbers",
            "aaSorting": [[0, "asc"]],
            "bJQueryUI": true,
            "bDestroy": true,

        });
    }

我的 JSON 结果：

{"Column1":["ABC","XYZ"],"Column2":[0.0,0.0],"Colum3":[0.0,0.0],,"Columns":["Column1","Column2","Colum3"]}

【问题讨论】：

标签： jquery ajax json datatables

【解决方案1】：

您有两种选择来实现这一目标。

1。将您的 JSON 结果更改为以下格式：

{"COLUMNS":[{ sTitle: "COLUMN1"}, { sTitle: "COLUMN2"}, { sTitle: "COLUMN3"}], "DATA":[[" ABC","DEF","XYZ"],["0.0,"0.0","0.0"],["1","2","3"],["I","II","III"]]}

2. 由于 jQuery Datatable 是呈现行和列的 HTML 表，请解析您的 JSON 结果
并将列附加到table thead。

【讨论】：