在各行中有不同列數的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>