html - 如何通过bootstrap collapse显示同一日期的多行数据？

Question

我正在尝试显示按日期分组的数据。该 View 显示日期，如果我单击它，应显示具有相同日期的所有行。我完全不知道如何实现此功能。

元素表

id | name | user_id | date_submitted

Controller

public function projectsList()
{
  $projects = DB::table('projects')
    ->select('id', 'name', 'user_id', 'date_submitted')
    ->groupBy('date_submitted')
    ->get();
  return view('teacher.projectsList', compact('projects'));
}  

查看

<div class="accordion" id="datesubmitted">
 <div class="card">
  <div class="card-header" id="headingOne">
   <h2 class="mb-0">
    <button class="btn btn-link" type="button" data-toggle="collapse" data- 
      target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
        //This is where rows of the same data appear
        </button>
      </h2>
    </div>
 </div>
</div>   

我可以在没有它的情况下正常显示数据行，但我对如何将折叠/ Accordion 集成到它感到困惑。任何帮助将不胜感激。

Answer 1

首先删除->groupBy('date_submitted')替换为->orderBy('date_submitted')

groupBy wont give you all data that u needs to display

然后用于显示， 如果日期更改创建一个新的崩溃，简单地保留一个带有日期的临时 php 变量希望它有帮助