html - 如何将单元格拆分为列，使它们的宽度与其下方的列的宽度相同

Question

我有下表，有两个标题单元格。第二个标题单元格需要分成两行，底行进一步分成 6 列（q1、q2、q3 等）。这些列的宽度应与它们下面的行中的宽度相同。请查看图像和小提琴以了解我想要实现的目标。任何帮助都会很棒。 http://jsfiddle.net/CPSs9/

在这里摆弄 http://jsfiddle.net/CPSs9/

我的代码如下：

<table border="1" bordercolor="black" cellspacing="0">
  <tr>
        <th width="120">Booboo</th>
        <th colspan="5">blah blah</th>
      </tr>
  <tr>
    <td>&nbsp;</td>
    <td width="40">&nbsp;</td>
    <td width="40">&nbsp;</td>
    <td width="40">&nbsp;</td>
    <td width="40">&nbsp;</td>
    <td width="40">&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table>

Answer 1

这很容易。您需要做的就是使用第一个rowspan属性th并将另一行添加到表中。像这样：http: //jsfiddle.net/skip405/CPSs9/1/