gpt4 book ai didi

php - 如何为每个表制作 html?

转载 作者:太空宇宙 更新时间:2023-11-03 22:29:19 24 4
gpt4 key购买 nike

我尝试这样做,但最大的问题是 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 会在那里?

最佳答案

好的,所以你正在使用 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>

这是一个 fiddle :https://jsfiddle.net/kkpjx328/

希望对您有所帮助。

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

关于php - 如何为每个表制作 html?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49386560/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com