表格中的表格HTML
表格中的表格HTML
提问于 2018-06-20 23:34:42
我有我HTML，它有一个表在奇数2里面
我想要这个
但我有这个
我怎样才能用同样的东西做表格td呢？
这是我的HTML代码：
<table>
<thead class='thead-dark'>
<tr>
<th>Semestre</th>
<th>Curso</th>
<th>Seccion</th>
</tr>
</thead>
<tbody>
{% for item in results%}
<tr>
<td>{{item.year}}</td>
<td><table class="table table-striped table-hover">
{% if item.A!= ""%}
<tr><td><p>A.1</p></td></tr>
{%endif%}
{% if item.B != ""%}
<tr><td><p>B.1</p></td></tr>
{%endif%}
</tr></table></td>
<td><table>
{% if item.A != ""%}
<tr><td><p>{{item.A|linebreaks}}</p></td></tr>
{%endif%}
{% if item.B != ""%}
<tr><td><p>{{item.B|linebreaks}}</p></td></tr>
{%endif%}
</tr></table></td>
</tr>
</tbody>
</table>回答 1
Stack Overflow用户
发布于 2018-06-21 04:50:08
您不必在其中嵌套第二个表。正如@Brian Tomspett建议的那样，使用"rowspan“可以做到这一点。
table {
border-collapse: collapse;
}
td, th {
border: 1px solid black;
}<table>
<tbody>
<tr>
<td>Item1</td>
<td>Item2</td>
<td>Item3</td>
</tr>
<tr>
<td rowspan="6">A</td>
<td rowspan="2">A.1</td>
<td>A.1.1</td>
</tr>
<tr>
<td>A.1.2</td>
</tr>
<tr>
<td rowspan="2">A.2</td>
<td>A.2.1</td>
</tr>
<tr>
<td>A.2.2</td>
</tr>
<tr>
<td rowspan="2">A.2</td>
<td>A.3.1</td>
</tr>
<tr>
<td>A.3.2</td>
</tr>
<!--continue the pattern here-->
</tbody>
</table>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/50951993
复制相关文章
相似问题