php - 在 laravel v5.3 中显示表格

Question

我只想显示表中的数据，您可以在下图中看到:
project_id 指项目表中的项目名称
activity_id 指事件表中的事件名称

我想要显示的结果与此图片相同:

这是我的代码

<table id="list-Dopeople-report" class="table table-bordered responsive">
          <tr> 
          <th>project</th>           
             @foreach($examples as $key=>$value)
                 <th>{{activityIdToActivityNameConvert($value->activity->id)}}</th>
             @endforeach
             </tr>            
             @foreach($pros as $key=>$value)
             <tr>
                 <th>{{projectIdToProjectNameConvert($value->project->id)}}</th> 
            </tr>
             @endforeach
     </table>

但是结果变成了下图这样:

如有任何帮助，我们将不胜感激

Answer 1

这里需要考虑一些事情:

1. 为了获得最佳实践，请添加“thead”和“tbody”标签
2. 在第二个 foreach 中，继续使用“th”，它用于表标题。请使用“td”。

主要问题是您只迭代“tr”元素，这将不断添加行。您不会迭代“td”元素，这将填满列

<table id="list-Dopeople-report" class="table table-bordered responsive">
    <thead>      
        <tr> 
            <th>project</th>           
            @foreach($examples as $key=>$value)
                <th>{{activityIdToActivityNameConvert($value->activity->id)}}</th>
            @endforeach
        </tr>
    </thead>
    <tbody> 
    <!-- here you iterate over the rows, which is ok -->           
    @foreach($pros as $key=>$value)
        <tr>
            <td>{{projectIdToProjectNameConvert($value->project->id)}}</td> 
            <!-- you should also iterate over the columns -->
            @foreach($project->activities as $activity)
                <td>{{$activity->time}}</td>
            @endforeach
        </tr>
     @endforeach
     </tbody>
 </table>