我有一張卡片，上面展示了食譜資訊
在這張卡片中，我有一張下面帶有 html 的表格。該表有 2 列，一個部分名稱和成分的數量。1個部分有很多成分
<table class='table table-hover text-sm'>
<thead>
<tr>
<th>Section</th>
<th>Amount</th>
</tr>
</thead>
<tr>
<td>Section name 1</td>
<td>Amount Pretty 1</td>
</tr>
<tr>
<td>Section name 1</td>
<td>Amount Pretty 2</td>
</tr>
<tr>
<td>Section name 2</td>
<td>Amount Pretty 3</td>
</tr>
</table>服務器代碼是
{% for res in results2 %}
<tr>
<td>{{res["SectionName"]}}</td>
<td>{{res["AmountPretty"]}}</td>
</tr>
{% endfor %}
我要做的不是重復部分名稱，即。將 AmountPretty 按部分分組，如下所示。
Section 1
...amount pretty
...amount pretty
Section 2
...amount pretty
...
是否可以使用表格來執行此操作？還是有更好的 html 結構來獲得這種布局？
在片段中，我需要洗掉第二個 Section Name 1
uj5u.com熱心網友回復：
在我看來，您實際上可能更喜歡使用嵌套串列，如下例所示：
<ul>
<li>Section 1</li>
<ul>
<li>...amount pretty</li>
<li>...amount pretty</li>
</ul>
<li>Section 2</li>
<ul>
<li>...amount pretty</li>
<li>...amount pretty</li>
</ul>
</ul>
導致：
轉載請註明出處，本文鏈接：https://www.uj5u.com/net/463894.html