вторичный заголовок из значения массива с таблицами данных или HTML - PullRequest
0 голосов
/ 04 октября 2018

В laravel я использую datatables для построения довольно простой структуры таблицы из массива php, и она отлично работает, но я хочу посмотреть, есть ли способ получить дополнительный заголовок или одну строку для одного измои значения php.

Мой массив PHP

data = [
    0=> array[
        "NUMBER" => "1"
        "GROUPNAME" => "first"
        "COLOR" => "red"
    ]
    1=> array[
        "NUMBER" => "1"
        "GROUPNAME" => "second"
        "COLOR" => "blue"
    ]
 ]   

и т. д.

Так что сейчас у меня есть NUMBER в качестве столбца и значения данных, но яИнтересно, есть ли простой способ, используя таблицы данных, чтобы я мог сгруппировать результаты по этому номеру и позволить отображать число в качестве вторичного заголовка или даже просто другую строку, которую я могу стилизовать, чтобы быть больше заголовком.

Код:

<table class="uk-table uk-table-hover">
    <thead>
        <tr>
            <th>Number</th>
            <th>Group</th>
            <th>Color</th>
        </tr>
    </thead>
    <tbody>
        @foreach($data as $row)
        <tr>
            <td>{{$row['NUMBER']}}</td>
            <td>{{$row['GROUPNAME']}}</td>
            <td>{{$row['COLOR']}}</td>

        </tr>
        @endforeach
    </tbody>
</table>

<script type="text/javascript">
 var dt = $('.report-table').DataTable({
        "pageLength": 50,
        "lengthMenu": [10,25,50],
        dom: 'Bflrtip',
        //'scrollX': true,
        buttons: [
            'copy', 'csv', 'excel', 'pdf', 'print'
        ],

     });
</script>

Текущий результат:

Number  | Group  |  Color
-------------------------
1         first      red
1         second     blue
1         third      green
2         first      red
2         second     blue
3         third      green

Желаемый результат

Group  |  Color
---------------
Number 1
---------------
first     red
second    blue
third     green
----------------
Number 2
----------------
first     red
second    blue
----------------
Number 3
----------------
third     green
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...