Как вставить другую таблицу в строках этой таблицы? - PullRequest
Новая
       42

Как вставить другую таблицу в строках этой таблицы?

0 голосов
/ 01 мая 2020

У меня есть эта таблица данных с опцией свертывания, но когда я сверну вместо того, чтобы показать одну строку, я хочу показать другую таблицу с данными, относящимися к указанной c главной строке. Итак, на данный момент это моя таблица: 

        <script>
        $(document).ready(function() {
            var table = $('#example').DataTable({
                'responsive': true
            });
            $('#btn-show-all-children').on('click', function() {
                table.rows(':not(.parent)').nodes().to$().find('td:first-child').trigger('click');
            });
            $('#btn-hide-all-children').on('click', function() {
                table.rows('.parent').nodes().to$().find('td:first-child').trigger('click');
            });
        });
    </script>    
</head>
<table id="example" class="display" cellspacing="0" width="100%">
    <thead>
        <tr>
            <th>Device</th>
            <th>Dev.no</th>
            <th>Barcode</th>
            <th class="none">IMEI</th>
            <th class="none">Serial no.</th>
            <th class="none">Date added on stock</th>
        </tr>
    </thead>
    <tfoot>
        <tr>
            <th></th>
            <th></th>
            <th></th>    
            <th></th>
            <th></th>
            <th></th>
        </tr>    
    </tfoot>
    <tbody>
        <?php if (!empty($devices)) { ?>
            <?php foreach ($devices as $device) : ?>
                <tr>
                    <td>
                        <?php echo $device["name"] ?>
                    </td>

                    <td>
                        <?php echo $device["device_no"] ?>
                    </td>

                    <td>
                        <?php echo $device["barcode"] ?>
                    </td>

                    <td>
                        <?php echo $device["serial_imei"] ?>
                    </td>

                    <td>
                        <?php echo $device["serial_no"] ?>
                    </td>

                    <td>
                        <?php echo $device["created_date"] ?>
                    </td>
                </tr>
            <?php endforeach; ?>
        <?php } ?>
    </tbody>
</table>

Что я хочу реализовать, это отобразить вложенную таблицу, которая содержит следующие заголовки: IMEI, серийный номер, дата добавления на складе

РЕДАКТИРОВАТЬ: добавлен скриншот Скриншот таблицы

...