ネストされた配列を持つデータ型

Question

私はBootstrap Tablesについて質問しましたが、一方、私はブロックされていると感じていたので、私はDatatablesに移動しました。しかし、私の問題は同じです。

ネストされたJSON結果を簡単に処理することはできません。たとえば、 "field：author"を選択すると、 "[Object Object]、[Object Object]"というように処理されます。

"author": [ 
     { 
      "family": "Obama", 
      "given": "Barack" 
     }, 
     { 
      "family": "Obama", 
      "given": "Michelle" 
     } 

私が「フィールド：著者[、] .family」と言う、個別に結果を選択することができ、「オバマ、オバマ」のようなリストを返します。しかし、私は "given + family1、given + family2、.."のような出力をしたい。

Answer 1

カスタムレンダリングを使用できます。 DataTablesでは、各列にカスタムレンダリングを定義できます。

ここには私が試したsampleがあります。 Authorカラムのカスタムレンダリングを行っています。

$(document).ready(function() { 
var dataSet = [ 
    { "name": "How to DataTables", "author": [{ "firstname": "jack", lastname: "d" }, { "firstname": "dick", lastname: "j" }] }, 
    { "name": "How to Custom Render", "author": [{ "firstname": "bill", lastname: "g" }, { "firstname": "scott", lastname: "g" }] } 
]; 

$('#example').DataTable({ 
    data: dataSet, 
    columns: [ 
     { title:"Book Name", 
      data: "name" }, 
     { 
      title: "Authors", 
      data: "author", 
      render: function(data, type, row) { 
       //return data.length; 
       var txt = ''; 
       data.forEach(function(item) { 
        if (txt.length > 0) { 
         txt += ', ' 
        } 
        txt += item.firstname + ' ' + item.lastname; 
       }); 
       return txt; 
      } 
     } 
    ] 
}); 
});