HTML 表格列位置答案

【问题标题】：HTML Table Column PlacementHTML 表格列位置
【发布时间】：2017-05-07 22:53:22
【问题描述】：

我正在尝试正确显示我的表格。我目前遇到的问题是表格列不像普通表格那样堆叠到右侧。

我目前的输出是：

Date A
   X
   Y
   Z
Date B
   X
   Y
   Z

我想要做的是让它像这样显示

Date A  Date B
   X      X
   Y      Y
   Z      Z

这是我的代码

<div class="form-group text-center">
   <table style="float: left;">
      <?php for ($i = 0; $i < 7; $i++): ?>
         <tr>
            <th>
               <?php echo $dateArray[$i]; ?>
            </th>
         </tr>
         <?php foreach ($data['timeData'] as $timeTable): ?>
            <tr>
               <td>
                  <div class="btn-group" data-toggle="buttons">
                     <label class="btn btn-primary">
                        <input type="radio" id="<?= $timeTable['time_id'];?>" name="time"
                                                   value="<?= $timeTable['time_id'];?> "
                                                   autocomplete="off"><?= $timeTable['time_hour'];?>
                        <input hidden id="<?= $dateArray[$i];?>" name="date[]"
                                          value="<?= $dateArray[$i];?>">
                     </label>
                  </div>
               </td>
            </tr>
         <?php endforeach ?>
      <?php endfor ?>
   </table>
</div>

这是我的日期数组

$dateArray = array();
   for ($i = 0; $i < 7; $i++) {
      $dateArray[$i] = date("Y-m-d", strtotime("+$i day", strtotime(date("Y-m-d"))));
   }

【问题讨论】：

你能告诉我们$dateArray吗？

标签： php html loops for-loop

【解决方案1】：

试试：

<div class="form-group text-center">
  <table style="float: left;">
    <thead>
      <tr>
        <?php for ($i = 0; $i < 7; $i++): ?>
        <th>
          <?php echo $dateArray[$i]; ?>
        </th>
        <?php endfor ?>
      </tr>
    </thead>
    <tbody>
      <?php foreach ($data['timeData'] as $timeTable): ?>
      <tr>
        <?php for ($i = 0; $i < 7; $i++): ?>
        <td>
          <div class="btn-group" data-toggle="buttons">
            <label class="btn btn-primary">
                               <input type="radio" id="<?= $timeTable['time_id'];?>" name="time"
                                                       value="<?= $timeTable['time_id'];?> "
                                                       autocomplete="off"><?= $timeTable['time_hour'];?>
                               <input hidden id="<?= $dateArray[$i];?>" name="date[]"
                                              value="<?= $dateArray[$i];?>">
                            </label>
          </div>
        </td>
        <?php endfor ?>
      </tr>
      <?php endforeach ?>
    </tbody>
  </table>
</div>

【讨论】：

【解决方案2】：

您正在使用单个 td 进行循环...

将第二个 td 放在 foreach 中

【讨论】：

我不太明白你的意思
如果你想要两列，你的循环内部有一个 td，你需要第二个 td...你能显示 $dateArray 吗？