как запустить объект json в загрузочной таблице (ключ: значение)

Question

Как я могу представить следующий объект json в таблице начальной загрузки

{
  "SourceFile": "/opt/lampp/htdocs/metaviewer/uploads/2438071792_19ed1df293_o.jpg",
  "ExifToolVersion": 10.8,
  "FileName": "2438071792_19ed1df293_o.jpg",
  "Directory": "/opt/lampp/htdocs/metaviewer/uploads",
  "FileSize": "123 kB",
  "FileModifyDate": "2019:07:01 21:59:19-05:00",
  "FileAccessDate": "2019:07:01 21:59:19-05:00",
  "FileInodeChangeDate": "2019:07:01 21:59:19-05:00",
  "FilePermissions": "rw-r--r--",
  "FileType": "JPEG",
  "FileTypeExtension": "jpg",
}

Я хочу представить столбец с (ключом), а следующий столбец - с (значением) объекта json, но это рекурсивно, его не нужно указывать в поле значения, которое работает для N записей ключа : значение

Answer 1

Я решил проблему на основе https://jsfiddle.net/wenyi/e3nk137y/2556/

var objectJson = {
  "SourceFile": "/opt/lampp/htdocs/metaviewer/uploads/2438071792_19ed1df293_o.jpg",
  "ExifToolVersion": 10.8,
  "FileName": "2438071792_19ed1df293_o.jpg",
  "Directory": "/opt/lampp/htdocs/metaviewer/uploads",
  "FileSize": "123 kB",
  "FileModifyDate": "2019:07:01 21:59:19-05:00",
  "FileAccessDate": "2019:07:01 21:59:19-05:00",
  "FileInodeChangeDate": "2019:07:01 21:59:19-05:00",
  "FilePermissions": "rw-r--r--",
  "FileType": "JPEG",
  "FileTypeExtension": "jpg"
}

function responseHanlder(res) {
  var data = [];
  for (var key in res) {
      data.push({
          key: key,
          value: res[key]
      });
  }
  return data;
}

$(function () {
  $('#table').bootstrapTable({
    columns: [{
      field: 'key',
      title: 'key name'
    }, {
      field: 'value',
      title: 'value name'
    }],
      data: responseHanlder(objectJson)
  });
});

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet"/>
<link href="https://unpkg.com/bootstrap-table@1.15.2/dist/bootstrap-table.min.css" rel="stylesheet"/>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://unpkg.com/bootstrap-table@1.15.2/dist/bootstrap-table.min.js"></script>

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

введите код здесь