Question

我使用了jquery datatable插件。我想在数据表中显示JSON数据。

Object {Titillium-Light: "data1", Custom font: "data2", Titillium-Bold: "data3", Titillium-LightUpright: "data4"}

我希望在一列中显示json中的键和另一列中键的值。我不知道如何在mDataProp中提供引用。

aoColumns: [
                {
                    sTitle: 'ID',
                    mDataProp: ,
                    bVisible:  false
                },
                {
                    sTitle: 'data',
                    mDataProp: ,
                }
]

Answer 1

示例数据是文字，而不是JSON。它应该看起来像

    define(['underscoreBase'], function(_) {
    _.template = function(str){
        return "<div class='test'>"+str+"</div>";
    };
    return _;
});

然后，如果你有一张空表

var json = { 
  "Titillium-Light": "data1", 
  "Custom font": "data2", 
  "Titillium-Bold": "data3", 
  "Titillium-LightUpright": "data4"
}

您可以基于JSON构建key-＆gt;值数据集：

<table id="example"></table>

并使用该数据集作为dataTable的源：

var data = [];
for (key in json) {
   data.push({
      key: key,
      value: json[key]
   })
}

演示 - ＆gt; http://jsfiddle.net/sh8mr7cq/

在datatable中显示Json数据

1 个答案: