使用JSON和jQuery进行动态表绑定

Question

我需要在以下结构中以HTML格式显示数据

--------------------------------
day1    | day2    | day3 |
---------------------------------
123     | 323     | 12389  
233     | 34234   | 23234

天数未修复。我的Java对象的变量将包含一个地图。这张地图的关键是没有。一天day1，day2等，value包含一个id列表，例如1231,5657,26252等。

Map<String, List<String>> map = new HashMap<String, List<String>>()

如何使用数据表或普通jQuery绘制这些内容。我认为目前数据表不允许动态列绑定.. :(

Answer 1

你可以尝试这样的事情。我刚刚写了一段代码但没有编译。请在您的环境中获得逻辑和测试。

 $.ajax({
    "url": 'your_url',
    //Get your json response
    "success": function(json) {
        //Assume you received response like this
        var days =  {
            "day1": ["123", "233"],
            "day2": ["323", "34234"],
            "day3": ["12389", "23234"],
            ......
        }

        var columns = [];
        var dtable = [];
        for(var key in days){
            columns.push({ title: key});
            dtable.push(days(key));
        }

        var params = {
                data: dtable,
                columns: columns
        };
        $('#your_datatable_id').dataTable(params);
    }
});