html - JSON オブジェクトの内部リストを反復処理して HTML に表示したい

Question

現在、外側のリスト データのみを表示でき、keyStats からは何も表示できませんでした。currentNumberOfEntries が 0 より大きいときはいつでも、対応する列ヘッダーの下の次の行からも直接 keyStats データを表示したいと考えています。それ以外の場合は、次のデータに進みます。

[{
  "cacheName" : "PIPELINE",
  "urlName" : null,
  "keyName" : null,
  "hits" : 0,
  "misses" : 0,
  "currentNumberOfEntries" : 0,
  "keyStats" : [ ]
}, {
  "cacheName" : "REQUEST",
  "urlName" : null,
  "keyName" : "key"
  "hits" : 2,
  "misses" : 4,
  "currentNumberOfEntries" : 3,
  "keyStats" : [ {
  "cacheName" : "REQUEST",
  "keyName" : "1722957",
  "hits" : 0,
  "misses" : 0
}, {
  "cacheName" : "REQUEST",
  "keyName" : "SummaryRequest",
  "hits" : 0,
  "misses" : 0
}, {
  "cacheName" : "REQUEST",
  "keyName" : "LOAD_SUMMARY",
  "hits" : 0,
  "misses" : 0
 } ]
}, {
  "cacheName" : "Filter",
  "urlName" : null,
  "keyName" : null,
  "hits" : 0,
  "misses" : 0,
  "currentNumberOfEntries" : 0,
  "keyStats" : [ ]
} ]

これは私の列の定義です:

 columnDefs : [
{
field:'cacheName',
displayName:'   Cache Name          '
},{
field : 'currentNumberOfEntries',
displayName:'   Number of entries           '
},{
field : 'keyName',
displayName:'   Cache Key           ',
cellTemplate : '<a href>{{row.keyName}}</a>'
 },{
field : 'hits',
displayName:'   Number of Hits      '
 },{
field : 'misses',
displayName:'   Number of Misses    '
 } ]

どんな助けでも大歓迎です