Таблица JSON в HTML (с несколькими интервалами строк) в начальной загрузке

Question

Я получаю данные из базы данных mySql, отформатированной в формате JSON. Я знаю, что вы можете загружать и анализировать закодированные JSON массивы прямо в таблицы HTML с помощью Bootstrap, используя data-fields и функцию jQuery, например:

$(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 всей таблицы вручную