3

次の表には、2 つのヘッダー セルがあります。2 番目のヘッダー セルは 2 つの行に分割する必要があり、一番下の行はさらに 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>
4

1 に答える 1

4

これはとても簡単だ。rowspan最初の属性を使用しthて、テーブルに別の行を追加するだけです。そのように:http://jsfiddle.net/skip405/CPSs9/1/

于 2013-09-06T13:29:11.997 に答える