Как отобразить массив JSON в одном столбце в Datatable?

Question

Ниже приведены данные, которые я пытаюсь отобразить в виде данных. Как вы можете видеть, allowbrands - это массив json, и я хочу отобразить его в одном столбце. Если бы это был объект json, это было бы проще, но это массив json.

 {
 id: 1,
 total_cases: 13,
 permitbrands: [
       {
         id: 1,
         br_name: "Apple",
         br_no: "12",
         permit_id: 1,
       },
       {
         id: 2,
         br_name: "Mango",
         br_no: "36", 
         permit_id: 1,
        }
  ],
}

Ниже приведен мой код для столбца данных:

$(document).ready( function () {
    table = $('.table').DataTable({
        processing: true,
        serverSide: true,
        paging:true,
        ajax : '/permits/search',
        columns: [
               { data: 'total_cases', name: 'total_cases'},
               {
                data: 'permitbrands[,].br_name',
               },
        ],
    });

});

Но показан результат - яблоко, манго.

Я хочу показать значение в столбце как Apple 12, Mango 36.

Как это можно сделать? Может кто-нибудь, пожалуйста, предложите мне решение .?

Я пытался зациклить его, но он зацикливается дважды.

   {
    data: 'permitbrands[]',
          render: function ( data , row ) {
                  var output='';
                   $.each(data, function(index,item) {
                    alert(index);
                    output+= data[index].br_no+' '+data[index].br_name;
                  });
                 return output;
               }
    },

Результат, который я получаю, выглядит следующим образом:

12 12 Apple , 36 36 Mango.

Я не знаю, почему это происходит. Но зацикливание показывает 4 предупреждения вместо 2.

Answer 1

Возможно, вам следует попробовать проверить данные JSON, которые зациклены в функции. Нет другой причины, по которой ваш код не работает. Пожалуйста, внимательно проверьте свои данные, например, «12 яблок» или «36 манго», возможно, из одного поля таблицы.