与ROWSPAN的复杂表

时间:2014-11-16 16:01:43

标签: html

我有以下示例表:

    <table border="1" align="right" width="200">
        <tr>
            <td rowspan="2">Main Category</td>
            <td>top right</td>
        </tr>
        <tr>
            <td>bottom right</td>
        </tr>
    </table>

对于右上角,我想在右侧创建另一列,其中包含3行,分别为Right One,Right Two,Right Three。

对于右下角我喜欢创建,以便在其右侧有另一列,其中4行称为Bottom One,Bottom Two,Bottom Three,Bottom Four。

我知道我需要进一步使用rowspan但尝试过很多东西,但我无法让它工作。
任何帮助将不胜感激。

1 个答案:

答案 0 :(得分:0)

    <table border="1" align="right" width="200">
        <tr>
            <td rowspan="2">Main Category</td>
            <td><table border=1 width=100%>
              <tr><td rowspan=3>Top Right</td><td>Right one</td></tr>
              <tr><td>Right two</td></tr>
              <tr><td>Right three</td></tr>
              </table></td>
        </tr>
        <tr>
            <td><table border=1 width=100%>
              <tr><td rowspan=4>Bottom Right</td><td>Bottom one</td></tr>
              <tr><td>Bottom two</td></tr>
              <tr><td>Bottom three</td></tr>
              <tr><td>Bottom four</td></tr>
              </table></td>
        </tr>
    </table>