我的目的是显示一个表格,其中最左边的一栏包含一所大学的课程名称,以及关于该课程的教科书的其余行信息。
现在看起来像这样: current table
这是我想要发生的事情的图像: Textbook information
这是我现在所拥有的代码。
{{#each getCourses}}
<tr>
<td>{{this}}</td>
{{#each getTextbooks this}}
<td>
{{title}}
<br>
</td>
<td>Editor</td>
<td><span class="label label-success">Active</span>
</td>
<td> <button type="button" class="btn btn-primary btn-sm">I have it</button> </td>
<td> <button type="button" class="btn btn-primary btn-sm">I want it</button> </td>
{{/each}}
</tr>
{{/each}}
在此表之前,用户可以从下拉列表中选择多个课程,然后将课程存储在会话中并获取并迭代。每门课程都有教科书,所以我遍历教科书列表。然而,我面临的问题是,我不确定如何合并rowspan或类似的东西,以允许每个类的多行教科书信息。