提问人：kkkkk 提问时间：1/15/2016 最后编辑：Brian Tompsett - 汤莱恩kkkkk 更新时间：8/17/2023 访问量：21959
Html如何制作具有多个标题的表格？
Html how to make a table with multiple headers?
问：
我想做一张桌子。我知道如何在html中制作简单的表格。我想要一些标题。几种类型的标题，类似于照片。我不知道它的数量，我会在我的程序中计算它。我应该使用什么，我应该阅读什么？
我试过了这个：
<table border="1" width="100%">
<tr>
<th>AAA1</th>
<th>AAA2</th>
</tr>
<tr>
<th>KKK1</th>
<th>KKK2</th>
<th>KKK3</th>
<th>KKK3</th>
</tr>
<tr>
<th>PPP1</th>
<th>PPP2</th>
<th>PPP3</th>
<th>PPP4</th>
<th>PPP5</th>
</tr>
</table>
但我知道它太简单了，不会给我类似图片的东西。我读过关于 colspan 的文章，但它不会给我一个我想要的结果。 也许有一个引导程序？
答：
5赞
cthrall
1/15/2016
#1
您可以为不同的行使用不同的标题。W3 网站上有一个很好的例子。如果您对标记有效性有疑问，可以使用 W3 验证器网页检查您的 HTML。
0赞
mohammad izadi
1/26/2017
#2
如果你想为一个头头有一些头，你可以使用 colspan attrebute，例如，如果你想有一个头有 2 个头，你可以使用 colspan=“2” 作为第一个头 我希望我能理解你的意思。
同样对于表，，不是对于这个问题，你可以从 bootstrap 中使用 class=“table”。
1赞
Omar Trkzi
5/14/2022
#3
我在涉及一些树枝循环等的复杂情况下遇到了同样的问题......并且需要比其他答案提供的更好的解决方案。
这就像魅力一样：
<!-- Some BootStrap -->
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet"/>
<!-- Table --->
<table class="table table-bordered">
<col/>
<colgroup span="2"></colgroup>
<colgroup span="2"></colgroup>
<tr>
<td rowspan="2"></td>
<th colspan="2" scope="colgroup">Mars</th>
<th colspan="2" scope="colgroup">Venus</th>
</tr>
<tr>
<th scope="col">Produced</th>
<th scope="col">Sold</th>
<th scope="col">Produced</th>
<th scope="col">Sold</th>
</tr>
<tr>
<th scope="row">Teddy Bears</th>
<td>50,000</td>
<td>30,000</td>
<td>100,000</td>
<td>80,000</td>
</tr>
<tr>
<th scope="row">Board Games</th>
<td>10,000</td>
<td>5,000</td>
<td>12,000</td>
<td>9,000</td>
</tr>
</table>
评论