【问题标题】:For loops and table columns/rows对于循环和表列/行
【发布时间】:2015-04-12 03:00:33
【问题描述】:

我有一张允许人们在一天和一天预订的表格,我不知道如何格式化表格,以便在循环达到 9 后结束列(从 10:00 到 18:00) .如果有人能指出我应该在哪里放置任何 <td><tr> 标签或任何我非常感激的东西,这是我目前拥有的代码。

<table width="579" border="0">
  <tr>
    <th width="78" scope="col">&nbsp;</th>
    <th width="78" scope="col">Monday</th>
    <th width="78" scope="col">Tuesday</th>
    <th width="78" scope="col">Wednesday</th>
    <th width="78" scope="col">Thursday</th>
    <th width="78" scope="col">Friday</th>
    <th width="78" scope="col">Saturday</th>
    <th width="78" scope="col">Sunday</th>
  </tr>
  <?php
   $days=array(
   1 => 'Monday',
   2 => 'Tuesday',
   3 => 'Wednesday',
   4 => 'Thursday',
   5 => 'Friday',
   6 => 'Saturday',
   7 => 'Sunday'
   );
  for($i=10;$i <=18; $i++){
    ?>
    <tr>
        <th height="151" scope="row"><? echo $i; ?>:00</th>
        <td id="book">
            <?php
            $statement = "SELECT * 
                        FROM booking
                        WHERE time = $i
                        AND day = '$days[$d]'";
            $booked = $db_link->query($statement) or die ($db_link->error);
            if($booked->num_rows==0){
                ?><a href="booking.php?day=<? echo $days[$d]; ?>&t=<? echo $i; ?>&b=1">Book</a>
                <?php
            }else{ ?>
                    BOOKED 
                    <?
                }?>
       </td>
   </tr>
<? } ?>
</table>

【问题讨论】:

  • 您希望生成的表格是什么样的?您可以使用代码 sn-p 工具为您的问题添加示例。

标签: php loops for-loop html-table


【解决方案1】:

在 HTML 中,您正在逐行创建表格。因此,您必须逐行将数据附加到表格中。

有一些解决方法可以在表格中打印列数据..

1.将数据存储在数组中,然后将其附加到行中。

将列的每个元素存储在一个单独的数组中,并将每个数组打印在一行上。..

例如列将是$a[0] $b[0] $c[0]

        $a[0]   $a[1]   $a[2]    // $a elements for first row
        $b[0]   $b[1]   $b[2]    // $b elements for second row
        $c[0]   $c[1]   $c[2]    // $c elements for third row

2。使用 javascript 反转表格。

您可以将列打印为表格中的行,并反转表格以使行变为列。

答案here 是一个包含支持此任务的工作 jsFiddle 的答案。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2020-11-16
    • 2014-06-17
    • 2021-11-29
    • 2012-08-05
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2017-04-19
    相关资源
    最近更新 更多