需要帮助使用 colspan 设置 html 表格的样式

Question

我有动态数据，它总是会发生变化。例如：

这就是我现在拥有的：

有时是这样的：

|==============|======|====|====|
|List of people|John  |June|Tom |
|Date Join     |2017  |2018|2016|
|Hobby         |soccer|         |
|Remark        | test test      |

有时我会变成这样：

|==============|======|======|=====|
|List of people|John  |June  |Tom  |
|Date Join     |2017  |2018  |2016 |
|Hobby         |soccer|tennis|     |
|Remark        | test test         |

我想做这样的事情：（有什么办法吗？）

|==============|======|====|====|
|List of people|John  |June|Tom |
|Date Join     |2017  |2018|2016|
|Hobby         |     soccer     |
|Remark        | test test      |

或者像这样：

|==============|======|====|====|
|List of people|John  |June|Tom |
|Date Join     |2017  |2018|2016|
|Hobby         |  soccer|Tennis |
|Remark        | test test      |

这是我使用的代码：（这是我对人员、日期和爱好列表的处理方式）

@foreach($object7 as $val)
    <tr>
      <th style="border: 1px black solid">List of people</th>
      <?php 
            $test = $val->people;
             $testa = rtrim($test, ', ');
            $array =  explode(', ', $testa);
            $count4 = count($array);
       ?>
       @foreach($array as $item)
      @if(($val->people == NULL) || ( $count4 <= 1))
       <td style="border: 1px black solid" colspan="8">
        @else
    <td style="border: 1px black solid" colspan="1">
      @endif
       {{$item}}
    </td>
      @endforeach 
    </tr>
     @endforeach

编辑： 备注行只有 1 个值，其余的可以有超过 1 个值或更多。我想要的是基于这一切，我怎样才能让它们都一样长？

Answer 1

尝试“colgroup”标签让我们尝试设置它们的宽度以使其修复：

@foreach($object7 as $val)
<tr>
   <td style="border: 1px black solid" with="40%">List of people</td>
  <?php 
    $test = $val->people;
     $testa = rtrim($test, ', ');
    $array =  explode(', ', $testa);
    $count4 = count($array);
?>

 @foreach($array as $item)
  @if(($val->people == NULL) || ( $count4 <= 1))
      <td style="border: 1px black solid" with="60%">
  @else if($count4 == 2)
      <td style="border: 1px black solid" with="40%">
  @else
    <td style="border: 1px black solid" with="20%">
  @endif
    {{$item}}
    </td>
@endforeach 
</tr>