如何構造html表格

-1

我正在試圖製作一張看起來像圖片的表格，但我無法弄清楚......這對您來說一定是如此簡單的問題，但我無法使這一個工作... 誰能幫我？請。如何構造html表格

enter image description here

這裏是我爲它當前的代碼：

<table width="100%" border="1"> 
<tr> 
<th>Name of Candidates</th> 
<th>Educational Attainment</th> 
<th>Exprerience</th> 
<th>In-Service Trainings & Seminars Attended</th> 
<th>Eligibility</th> 
<th>Other Qualifications</th> 
<th>Interview</th> 
<th>Total</th> 
<th>Remarks</th> 
</tr> 
</table>

來源

2014-01-23 user3227867

通過使用'colspan'，也許？ –

需要第二行加上一個柱形。 –

如何正確使用colspan？我使用它，但它使我的桌子變形。 – user3227867

使用及rowspan組合colspan

example

第一行將包含所有對當前實施例2行1種細胞上4分列擴展（灰色背景的細胞）。第二行將包含在4個單元格上展開的單元格下的4個單元格。

<table> 
    <tr> 
     <td rowspan="2"></td> 
     <td colspan="4"></td> 
     <td rowspan="2"></td> 
     <td rowspan="2"></td> 
     <td rowspan="2"></td> 
     <td rowspan="2"></td> 
    </tr> 
    <tr> 
     <td></td> 
     <td></td> 
     <td></td> 
     <td></td> 
    </tr> 
</table>

來源

2014-01-23 18:01:48

謝謝兄弟......它就像在圖片中一樣工作：D – user3227867

使用列跨度增加寬度細胞的：

colspan="4"

文檔colspan

使用行跨度，以增加高度細胞的：

rowspan="2"

文檔rowspan

來源

2014-01-23 17:54:56 Zword

在這裏你去，用colspan跨越多個列。

<table widtd="100%" border="1"> 
    <tr> 
     <td>Name of Candidates</td> 
     <td colspan="4">Educational Attainment</td> 
     <td>Otder Qualifications</td> 
     <td>Interview</td> 
     <td>Total</td> 
     <td>Remarks</td> 
    </tr> 
    <tr> 
     <td>Name of Candidates</td> 
     <td>Educational Attainment</td> 
     <td>Exprerience</td> 
     <td>In-Service Trainings & Seminars Attended</td> 
     <td>Eligibility</td> 
     <td>Otder Qualifications</td> 
     <td>Interview</td> 
     <td>Total</td> 
     <td>Remarks</td> 
    </tr> 
</table>

同樣，您可以使用rowspan來跨越多行。

來源

2014-01-23 17:56:25

<table> 
    <tr> 
     <td></td> 
     <td></td> 
     <td colspan="7" rowspan="2"></td> 
     <td></td> 
    </tr> 
    <tr> 
     <td></td> 
     <td></td> 
     <td></td> 
    </tr> 
    <tr> 
     <td></td> 
     <td></td> 
     <td></td> 
     <td></td> 
     <td></td> 
     <td></td> 
     <td></td> 
     <td></td> 
     <td></td> 
     <td></td> 
    </tr> 
    <tr> 
     <td></td> 
     <td></td> 
     <td></td> 
     <td></td> 
     <td></td> 
     <td></td> 
     <td></td> 
     <td></td> 
     <td></td> 
     <td></td> 
    </tr> 
    <tr> 
     <td></td> 
     <td></td> 
     <td></td> 
     <td></td> 
     <td></td> 
     <td></td> 
     <td></td> 
     <td></td> 
     <td></td> 
     <td></td> 
    </tr> 
</table>

它是dificult表生成器的好幫手。 http://html-tables.com/

來源

2014-01-23 17:58:25

如何構造html表格

回答

相關問題