HTML:列可以跨越标题行和正文行吗?

标签 html html-table

我已经设置了一个这样的表:

enter image description here

第一行是标题行,因此它被插入到 <thead> 中HTML 的区域。其他行是正文行,因此它们进入 <tbody>地区。

单元 1:1 有 <td rowspan="4">

<table>
	<thead>
<tr>
		<td rowspan="4" >
		<p class="body" >Spanned column</p>
		</td>
		<td >
		<p class="body" >Header cell</p>
		</td>
		<td>
		<p class="body" >Header cell</p>
		</td>
		<td>
		<p class="body" >Header cell</p>
		</td>
	</tr></thead>
	<tbody>
	
	<tr>
		<td >
		<p class="body" >Body</p>
		</td>
		<td >
		<p class="body" >Body</p>
		</td>
		<td >
		<p class="body" >Body</p>
		</td>
	</tr>
	<tr>
		<td >
		<p class="body" >Body</p>
		</td>
		<td >
		<p class="body" >Body</p>
		</td>
		<td >
		<p class="body" >Body</p>
		</td>
	</tr>
	<tr>
		<td >
		<p class="body" >Body</p>
		</td>
		<td >
		<p class="body" >Body</p>
		</td>
		<td >
		<p class="body" >Body</p>
		</td>
	</tr>
	</tbody>
	</table>

我的编辑应用程序允许我创建一个包含标题行和正文行的列跨度,但导出到 HTML 与上图所示不同:在 Antennahouse 中,跨过的列被视为未跨过的列,因此其内容被放置在单元格 1:1 中,这使得主体单元向左移动一列。

enter image description here

Firefox 也搞得一团糟。

这是一个结构,即属于 <thead> 一部分的单元格吗?扩展到 <tbody> 的一部分的行, 合法的?我在 spec 中找不到任何内容.

最佳答案

我在specification中找到了它毕竟:

A cell cannot cover slots that are from two or more row groups.

所以我导出的建筑是非法的。

关于HTML:列可以跨越标题行和正文行吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58607092/

相关文章:

html - 带有 flexbox 的响应式 img

css - 我的媒体查询没有按预期工作

javascript - 页面加载后弹出 youtube 视频

javascript - HTML(以及 SVG 和 CSS 以及 WebGL 和 JavaScript)要重现 Flash/Flex 今天可以做的事情还有多远?

jquery - 网站中的导航动画

html - 如何让这个表显示?

javascript - 如何知道我在 html 表(日历)中的位置?

css - 滚动体

jquery - CSS 和标签输入对齐与表格

html - 表单元格溢出尽管框大小 : border-box