如何制作html foreach表？

Question

我试过这样做，但最大的问题是 foreach 在这里我有照片： Problem

Here is my table picture

这是代码，但仍有问题：

    <div class="row">
        <table class="table table-bordered table-striped table-highlight">
            <tbody>
            <tr height="100">
                <td rowspan="6"  height="120" width="3%" style="vertical-align: middle;">
                    <p style="white-space: nowrap;writing-mode: vertical-lr;transform: rotate(180deg);font-weight: bold;"><font >Here is my title </font></p>
                </td>
                <td   colspan="3">
                <font>Name</font>
                </td>
                <td   width="64">
                <font>Article</font>
                </td>
                <td  width="64">
                <font>Price</font>
                </td>
                <td   width="64">
                <font>Date</font>
                </td>
            </tr>
            <tr height="20">
                <td colspan="3" rowspan="5" height="120" ></td>
                <td rowspan="5" style="vertical-align: top;"></td>
                <td rowspan="5" style="vertical-align: top;"></td>
                <td rowspan="5" style="vertical-align: top;"></td>
            </tr>
            <tr height="15">
            </tr>
            <tr height="15">
            </tr>
            <tr height="15">
            </tr>
            <tr height="15">
            </tr>
            </tbody>
        </table>
    </div>

我该怎么做才能在我使用 foreach 时插入新的 td 和垂直 Here is my title 会在那里？

Answer 1

好的，所以你使用php 这是一个非常基本的示例，说明如何做到这一点，我假设你已经做了query 和获取部分，这是对你的数据结构的猜测，您可以根据自己的喜好调整它：

<div class="row">
    <table class="table table-bordered table-striped table-highlight">
        <tbody>
        <tr height="100">
            <td rowspan="100%"  height="120" width="3%" style="vertical-align: middle;">
                <p style="white-space: nowrap;writing-mode: vertical-lr;transform: rotate(180deg);font-weight: bold;"><font >Here is my title </font></p>
            </td>
            <td   colspan="3">
            <font>Name</font>
            </td>
            <td   width="64">
            <font>Article</font>
            </td>
            <td  width="64">
            <font>Price</font>
            </td>
            <td   width="64">
            <font>Date</font>
            </td>
        </tr>
        <?php
            foreach($data as $key => $value){
                echo '<tr height="20">';
                    echo '<td colspan="3">'.$value['name'].'</td>';
                    echo '<td width="64" style="vertical-align: top;">'.$value['article'].'</td>';
                    echo '<td width="64" style="vertical-align: top;">'.$value['price'].'</td>';
                    echo '<td width="64" style="vertical-align: top;">'.$value['date'].'</td>';
                echo '</tr>';
            }
        ?>
        </tbody>
    </table>
</div>

这是一个小提琴：https://jsfiddle.net/kkpjx328/

我希望这会有所帮助。

PS :关于您的下一个问题，请考虑添加数据结构，如果可能，请添加您迄今为止尝试过的示例或代码示例，以便我们提供更具体的答案