HTML表格withsubsections

我想創建一個表，主要部分和小節像 HTML表格withsubsections

我試圖

<html> 
<body> 
<table style="width:100%"> 
<tr> 
    <td rowspan="3">section</td> 
    <td rowspan="3">subsection1</td> 
    <td rowspan="2">subsection1</td> 
    <td rowspan="1">subsection1</td> 
</tr> 
<tr> 
    <td>text1</td> 
</tr> 
<tr> 
    <td>text2</td> 
</tr> 
<tr> 
    <td>text3</td> 
</tr> 
... 
</table> 
</body> 
</html>

但是這個代碼不創造不創造小節。環繞第1部分也不創建子部分。

來源

2016-08-18 megabobik

rowspan屬性指示單元應占用的行數。表格中共有6行，因此如果您希望單元格跨至表格的最後一行，請指定rowspan="6"。需要注意的是rowspan值要總結爲每列相同數量，默認值是1。

<table style="width:100%"> 
    <tr> 
    <td rowspan="6">section</td> 
    <td rowspan="3">subsection1</td> 
    <td>text1</td> 
    </tr> 
    <tr> 
    <td>text2</td> 
    </tr> 
    <tr> 
    <td>text3</td> 
    </tr> 
    <tr> 
    <td rowspan="2">subsection2</td> 
    <td>...</td> 
    </tr> 
    <tr> 
    <td>...</td> 
    </tr> 
    <tr> 
    <td rowspan="1">subsection3</td> 
    <td>...</td> 
    </tr> 
</table>

看到這個JSFiddle

來源

2016-08-18 14:07:24 MadMarc

我是那麼近又那麼遠 – megabobik

HTML表格withsubsections

回答

相關問題