Question

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

以下是代码，但仍有问题：

    <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和垂直这里我的标题会在那里？

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：关于您的下一个问题，请考虑添加数据结构，如果可能的话，还要考虑到目前为止您尝试过的示例或代码示例，以便我们提供更具体的答案

如何制作html foreach表？

1 个答案: