Html 解析handlebar.js中的二维数组_Html_Json_Handlebars.js

Html 解析handlebar.js中的二维数组

html json

Html 解析handlebar.js中的二维数组,html,json,handlebars.js,Html,Json,Handlebars.js,我手头有以下JSON数据，我需要创建一个表，但数据是动态的（行标题和列标题及单元格值） JSON结构如下所示 { "data": { "vertical_header": [ "football", "hockey" ], "horizontal_header": [ "China", "Brazil",

我手头有以下JSON数据，我需要创建一个表，但数据是动态的（行标题和列标题及单元格值）

JSON结构如下所示

{        
    "data": {
        "vertical_header": [
            "football",
            "hockey"
        ],
        "horizontal_header": [
            "China",
            "Brazil",
            "Australia"
        ],
        "researchDetails": [
            {
                "country": "brazil",
                "game": "hockey",
                "player": "Mr.r"
            },
            {
                "country": "china",
                "game": "hockey",
                "player": "Mr.X"
            },
            {
                "country": "china",
                "game": "football",
                "player": "Mr.Y"
            },
            {
                "country": "china",
                "game": "football",
                "player": "Mr.Z"
            },
            {
                "country": "brazil",
                "game": "football",
                "player": "Mr.M"
            },
            {
                "country": "brazil",
                "game": "football",
                "player": "Mr.E"
            }    
        ]
    }
}

下面是表结构，我必须解析这样的JSON，以使用Handlebar模板构建这样的动态表。标题也是动态的，我必须创建一个数组（2D/3D），以便我可以构建以下内容：

<html>
</body>
<table border="1">
        <tr><th/><th>hockey</th><th>football</th></tr>
        <tr><td rowspan="2">china</td><td>Mr.X</td><td>Mr.Y</td></tr>
        <tr><td></td><td>Mr.Z</td></tr>
        <tr><td rowspan="2">brazil</td><td>Mr.r</td><td>Mr.M</td></tr>
        <tr><td ></td><td>Mr.e</td></tr>
        <tr><td>Australia</td><td></td><td/></tr>
    </table>
</body>
</html


曲棍球足球
中国XMr.Y先生
Z先生
巴西rMr.M先生
e先生
澳大利亚
正确格式化源代码将显示。。。你的JSON和HTML都坏了@威尔·哈特：现在编辑了我的html和JSONI如果可能的话，这将需要对手柄中的数据进行大量操作，才能正确显示表格。在模板中这样做通常是设计不佳的标志。如果可能的话，我会建议在服务器端设置更好的数据——也许可以获得按国家和游戏分组的玩家名单。