如何使表格标题彼此不同？

Question

我正在尝试制作一个包含不同尺寸标题的表格，如图所示：

我可以用css改变宽度，但不能改变高度。

@TupleConstructor

https://jsfiddle.net/pq01hc7y/2/

Answer 1

这个小提琴重新创建了文档中的表格：

https://jsfiddle.net/fucrza92/

最重要的部分是：

<tr>
  <th rowspan="2">MATERIAL</th>
  <th rowspan="2">ALLOY</th>
  <th colspan="5">TUBE OD (INCH)</th>
</tr>
<tr>
  <th>0.250</th>
  <th>0.375</th>
  <th>0.500</th>
  <th>0.625</th>
  <th>0.750</th>
</tr>

使用rowspan和两个标题行可以使某些标题元素高于其他标题元素。相同的原则适用于TUBE OD元素colspan的列。