javascript - 使用可折叠模式在表格内添加表格(Adding Table inside a table with collapsable mode)

Question

I am to create an expandable table in html.

(我要在html中创建一个可扩展表。)

My base table is ready.

(我的基本表已经准备好了。)

Here is a sample code

(这是示例代码)

<tr class="odd">
    <?php if ($index == 0) {
        $index = $index + 1;
        ?>
        <td rowspan="<?php echo $itemsCount; ?>"><b><span><?php echo $category['name']; ?></span></b></td>
    <?php }
    ?>
    <td>
        <a style="cursor: pointer;" id="<?php echo $item['id']; ?>" onclick="openGenericList(this.id)">
            <img src="http://abc/bac/ic_add.png" width=20" height="20">
            <span style="margin-left: 5px;"><?php echo $item['name']; ?></span>
        </a>
    </td>
    <td><?php echo 'AED ' . number_format($item['price'], 2); ?></td>
    <td><?php echo $item['quantity']; ?></td>
    <td><?php echo ($item['average'] . " " . $item['quantityType']);  ?> /Day</td>
    <td>After <?php echo $item['noOfDays']; ?> days</td>
</tr>

I have also added the secondary table but I want to make it expandable/collapseable on ADD button click.

(我还添加了辅助表，但是我想在单击添加按钮时使其可扩展/可折叠。)

Is there any way i can add the secondary table like in the picture above?

(有什么办法可以添加上表中的辅助表？)

  ask by Muhammad Umar translate from so

Answer 1

等待大神答复