引导程序中的JSON到HTML表（具有多个行跨度）

Question

我正在从格式为JSON的mySql数据库中检索数据。我知道您可以使用data-fields和类似jQuery的功能通过Bootstrap将JSON编码的数组直接加载并解析到HTML表中：

$(function () {
  $('#table').bootstrapTable({
    data: mydata
  });
  console.log(mydata);
});

我的JSON编码的字符串在主要“对象”中带有对象，如下所示：

[{
  1, 
  2, 
  [{}, {}]
},{
  1, 
  2, 
  [{}, {}]
}]

我希望这些对象以如下所示的行跨度显示： https://jsfiddle.net/GaussianWonder/401bno7p/16/

引导程序可以自行解析该内容吗？如果是这样，我将如何处理？

目前，我的解决方案是在查询数据后echo整个表，而无需将任何JSON格式的字符串发送回JS

在我提供的链接的示例中，JSON字符串与我正在显示的表不是100％匹配。目前这没问题，概念保持不变。与该表匹配的更正确的版本应该是

[{
  "COL_1": 1,
  "COL_1_DATA": [{
    "COL_2": 1,
    "COL_2_DATA": [{ /* AND SO ON */ } ]
  }]
}]

我不一定要用Javascript创建表。除了手动echo整个表之外，我想寻求其他解决方案