Datatables с вложенным массивом

Question

Я задал вопрос о Bootstrap Tables, но пока я перешел в Datatables, поскольку я чувствовал себя заблокированным. Моя проблема, однако, та же.

Ни один из них не может легко обрабатывать вложенные результаты JSON. Например, если я выберу «поле: автор», он обрабатывает следующее как «[Объект объекта], [Объект объекта]».

"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; 
      } 
     } 
    ] 
}); 
});