Блог

Я объединяю несколько столбцов в один, используя метод визуализации Datables:

 var table = $( '#unit_outcomes_table' ).DataTable( {
                responsive: true,
                ajax: "program_data/unit_outcome_data.php",
                dom: "Blfrtip",
                columns: [ {
                    data: "unit_outcome.unit_outcome",
                    width: '50%'
                }, {
                    data: null,
                    render(data, type, row) {
                    return []
                    .concat(row.emergency_medicine, row.general_practice, row.internal_medicine, row.obstetrics_gynaecology, row.paediatrics, row.psychiatry, row.surgery, row.infection_immunity)
                    .map(r => r.discipline_outcome)
                    .join(', ');
                    }
                }],
                select: {
                    style: 'os',
                    selector: 'td:first-child'
                },
                buttons: []
            } );
  

Для каждого из наборов данных столбцов, например row.emergency_medicine, row.general_practice , etc. Я хочу иметь заголовки, чтобы данные выглядели так:

Неотложная медицинская помощь

результат редактирования 1

результат редактирования 2

Общая практика

результат gp 1

результат gp 2

и т. д

Я думаю, это можно сделать, прокручивая результаты, сначала добавив заголовок для экстренной медицины, а затем перебрав этот массив, добавив значения. Затем объедините заголовок для общей практики, перебирайте значения, добавляя их, И т. Д. Но я не уверен, как конкретно это сделать.