如何创建一个html表，其中标题（th）折叠所有列（td）？

Question

我想在th-header和每行4个单元格中创建一个html表。

你是怎么做到的？ 标题的宽度为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 =“colls of colls”