我正在爲我的解決方案開發報告表。但我從表合併行的問題。我附上了圖片和一些源代碼。在這個圖像中,我想合併黃色標記的列,並使其單一。任何人都請幫助我。html中的rowspan問題
.mytable {
border-collapse: collapse;
width: 100%;
background-color: white;
}
.mytable-head {
border: 1px solid black;
margin-bottom: 0;
padding-bottom: 0;
}
.mytable-head td {
border: 1px solid black;
padding-top: 1px;
}
.mytable-body {
border: 1px solid black;
border-top: 0;
margin-top: 0;
padding-top: 0;
margin-bottom: 0;
padding-bottom: 0;
}
.mytable-body td {
border: 1px solid black;
border-top: 0;
}
.mytable-footer {
border: 1px solid black;
border-top: 0;
margin-top: 0;
padding-top: 0;
}
.mytable-footer td {
border: 1px solid black;
border-top: 0;
}
<table class="mytable mytable-body">
<tr>
<td width="10%" colspan="4">Null</td>
<td width="10%">Null</td>
<td width="10%">Null</td>
<td width="10%">Null</td>
</tr>
<tr>
<td width="10%" colspan="4">Null</td>
<td width="10%">Null</td>
<td width="10%">Null</td>
<td width="10%">Null</td>
</tr>
<tr>
<td width="10%" colspan="3">Null</td>
<td width="10%" colspan="4">Null</td>
</tr>
<tr>
<td width="10%" colspan="3">Null</td>
<td width="10%">Null</td>
<td width="10%">Null</td>
<td width="10%">Null</td>
<td width="10%">Null</td>
</tr>
<tr>
<td width="10%" colspan="3">Null</td>
<td width="10%">Null</td>
<td width="10%">Null</td>
<td width="10%">Null</td>
<td width="10%">Null</td>
</tr>
<tr>
<td width="40%">Null</td>
<td width="10%">Null</td>
<td width="10%">Null</td>
<td width="10%">Null</td>
<td width="10%">Null</td>
<td width="10%">Null</td>
<td width="10%">Null</td>
</tr>
<tr>
<td width="40%">Null</td>
<td width="10%">Null</td>
<td width="10%">Null</td>
<td width="10%">Null</td>
<td width="10%">Null</td>
<td width="10%">Null</td>
<td width="10%">Null</td>
</tr>
<tr>
<td width="40%">Null</td>
<td width="10%" colspan="6">Null</td>
</tr>
<tr>
<tr>
<td width="40%">Null</td>
<td width="10%" colspan="6">Null</td>
</tr>
<tr>
<td width="40%">Null</td>
<td width="10%">Null</td>
<td width="10%">Null</td>
<td width="10%">Null</td>
<td width="10%">Null</td>
<td width="10%">Null</td>
<td width="10%">Null</td>
</tr>
<tr>
<td width="40%">Null</td>
<td width="10%">Null</td>
<td width="10%">Null</td>
<td width="10%">Null</td>
<td width="10%">Null</td>
<td width="10%">Null</td>
<td width="10%">Null</td>
</tr>
<tr>
<td width="40%">Null</td>
<td width="10%" colspan="3">Null</td>
<td width="10%">Null</td>
<td width="10%">Null</td>
<td width="10%">Null</td>
</tr>
<tr>
<td width="40%">Null</td>
<td width="10%">Null</td>
<td width="10%">Null</td>
<td width="10%" colspan="4">Null</td>
</tr>
<tr>
<td width="40%">Null</td>
<td width="10%">Null</td>
<td width="10%">Null</td>
<td width="10%">Null</td>
<td width="10%">Null</td>
<td width="10%">Null</td>
<td width="10%">Null</td>
</tr>
<tr>
<td width="40%">Null</td>
<td width="10%">Null</td>
<td width="10%">Null</td>
<td width="10%">Null</td>
<td width="10%">Null</td>
<td width="10%">Null</td>
<td width="10%">Null</td>
</tr>
<tr>
<td width="40%">Null</td>
<td width="10%">Null</td>
<td width="10%">Null</td>
<td width="10%">Null</td>
<td width="10%">Null</td>
<td width="10%">Null</td>
<td width="10%">Null</td>
</tr>
<tr>
<td width="40%">Null</td>
<td width="10%">Null</td>
<td width="10%">Null</td>
<td width="10%">Null</td>
<td width="10%">Null</td>
<td width="10%">Null</td>
<td width="10%">Null</td>
</tr>
<tr>
<td width="40%">Null</td>
<td width="10%">Null</td>
<td width="10%">Null</td>
<td width="10%">Null</td>
<td width="10%">Null</td>
<td width="10%">Null</td>
<td width="10%">Null</td>
</tr>
<tr>
<td width="40%">Null</td>
<td width="10%">Null</td>
<td width="10%">Null</td>
<td width="10%">Null</td>
<td width="10%">Null</td>
<td width="10%">Null</td>
<td width="10%">Null</td>
</tr>
</table>
所以,你要合併的所有單元在非矩形區域? – YakovL
不,他想合併非矩形區域的列我認爲 – fedeTibaldo
其實我只是想合併黃色標記的部分。它將是非矩形的。 – ZearaeZ