如何创建一个html-table，其中header (th)折叠所有列(td)？

Question

我想创建一个html表与上的标题和4个单元格每行。

你怎么做到的？标题的宽度为100%，单元格的宽度为40%、10%、40%、10%。

<table width="100%">
  <tr><th width="100%">Header</th></tr>
  <tr>
     <td width="40%">text</td>
     <td width="10%">value</td>
     <td width="40%">text</td>
     <td width="10%">value</td>
  </tr>   
  <tr>
     <td width="40%">text</td>
     <td width="10%">value</td>
     <td width="40%">text</td>
     <td width="10%">value</td>
  </tr>   
  <tr>
     <td width="40%">text</td>
     <td width="10%">value</td>
     <td width="40%">text</td>
     <td width="10%">value</td>
  </tr>   
</table>

​

​

谢谢你的回答。

Answer 1

使用colspan属性。：

<tr><th colspan="4">Header</th></tr>

colspan属性包含一个非负整数值，该值指示单元格扩展了多少列。它的默认值是1；如果它的值设置为0，它将一直延伸到最终隐式定义的单元格所属的结尾处。高于1000的值将被剪裁为1000。

请参阅：https://developer.mozilla.org/en-US/docs/HTML/Element/th

开发者docs on mozilla.org是最好的。下一次从那里开始。

Answer 2

您可以使用标记标题为表格创建标题。或者使用属性colspan="number of colls“