在各行中有不同列数的html表格

Question

我想在每一行中创建一个具有各种独立列数的表格。例如第一行有2列，第二行有3列。我试着用下面的代码。但它是错误的：

<table summary="worker_resume_user_info" style="width:100%"> 
     <tbody id="2"> 
     <tr style="border:none"> 
      <td colspan="12"> 
      </td> 
     </tr> 
     <tr> 
      <td colspan="4"> 
       1 
      </td> 
      <td colspan="4"> 
       2 
      </td> 
     </tr> 
     </tbody> 

    </table> 

我该怎么做？ 谢谢...

Answer 1

很多，你真的很接近。

你只需要确保你的添加是正确的。您添加的两列colspan必须等于您添加的三列colspan。在本例中6 + 6 = 4 + 4 + 4

<table border=1 summary="worker_resume_user_info" style="width:100%"> 
    <tbody id="2"> 
     <tr style="border:none"> 
      <td colspan="6">6</td> 
      <td colspan="6">6</td> 
     </tr> 
     <tr> 
      <td colspan="4">4</td> 
      <td colspan="4">4</td> 
      <td colspan="4">4</td> 
     </tr> 
    </tbody> 
</table> 

http://jsfiddle.net/zcjb23jo/

Answer 2

不知道这是你做了什么，但这个表有第一行2列3列第二行。

<table border="1"> 
    <tr> 
     <td> 
      Column 1 
     </td> 
     <td colspan="2"> 
      Column 2 
     </td> 
    </tr> 
    <tr> 
     <td> 
      Column 1 
     </td> 
     <td> 
      Column 2 
     </td> 
     <td> 
      Column 3 
     </td> 
    </tr> 
</table>