2016-08-28 41 views
1

我正在爲我的解決方案開發報告表。但我從表合併行的問題。我附上了圖片和一些源代碼。在這個圖像中,我想合併黃色標記的列,並使其單一。任何人都請幫助我。html中的rowspan問題

enter image description here

.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>

+0

所以,你要合併的所有單元在非矩形區域? – YakovL

+0

不,他想合併非矩形區域的列我認爲 – fedeTibaldo

+0

其實我只是想合併黃色標記的部分。它將是非矩形的。 – ZearaeZ

回答

0

在這裏,我能夠讓使用<Div>標籤這樣的設計。代碼放在這裏:

* { 
 
    -webkit-box-sizing: border-box; 
 
    -moz-box-sizing: border-box; 
 
    box-sizing: border-box; 
 
}
<div id="border" style="width:100%; height:30px;"> 
 
    <div style="width:10%; height:30px; border:1px solid black; float:right;"></div> 
 
    <div style="width:10%; height:30px; border:1px solid black; float:right;"></div> 
 
    <div style="width:10%; height:30px; border:1px solid black; float:right;"></div> 
 
</div> 
 
<div id="border" style="width:100%; height:30px;"> 
 
    <div style="width:10%; height:30px; border:1px solid black; float:right;"></div> 
 
    <div style="width:10%; height:30px; border:1px solid black; float:right;"></div> 
 
    <div style="width:10%; height:30px; border:1px solid black; float:right;"></div> 
 
</div> 
 
<div id="border" style="width:100%; height:30px;"> 
 
    <div style="width:10%; height:30px; border:1px solid black; float:right;"></div> 
 
    <div style="width:10%; height:30px; border:1px solid black; float:right;"></div> 
 
    <div style="width:10%; height:30px; border:1px solid black; float:right;"></div> 
 
</div> 
 
<div id="border" style="width:100%; height:30px;"> 
 
    <div style="width:40%; height:30px; border:1px solid black; float:right;"></div> 
 
</div> 
 
<div id="border" style="width:100%; height:30px;"> 
 
    <div style="width:10%; height:30px; border:1px solid black; float:right;"></div> 
 
    <div style="width:10%; height:30px; border:1px solid black; float:right;"></div> 
 
    <div style="width:10%; height:30px; border:1px solid black; float:right;"></div> 
 
    <div style="width:10%; height:30px; border:1px solid black; float:right;"></div> 
 
</div> 
 
<div id="border" style="width:100%; height:30px;"> 
 
    <div style="width:10%; height:30px; border:1px solid black; float:right;"></div> 
 
    <div style="width:10%; height:30px; border:1px solid black; float:right;"></div> 
 
    <div style="width:10%; height:30px; border:1px solid black; float:right;"></div> 
 
    <div style="width:10%; height:30px; border:1px solid black; float:right;"></div> 
 
</div> 
 
<div id="border" style="width:100%; height:30px;"> 
 
    <div style="width:10%; height:30px; border:1px solid black; float:right;"></div> 
 
    <div style="width:10%; height:30px; border:1px solid black; float:right;"></div> 
 
    <div style="width:10%; height:30px; border:1px solid black; float:right;"></div> 
 
    <div style="width:10%; height:30px; border:1px solid black; float:right;"></div> 
 
</div> 
 
<div id="border" style="width:100%; height:30px;"> 
 
    <div style="width:10%; height:30px; border:1px solid black; float:right;"></div> 
 
    <div style="width:10%; height:30px; border:1px solid black; float:right;"></div> 
 
    <div style="width:10%; height:30px; border:1px solid black; float:right;"></div> 
 
    <div style="width:10%; height:30px; border:1px solid black; float:right;"></div> 
 
</div> 
 
<div id="border" style="width:100%; height:30px;"> 
 
    <div style="width:10%; height:30px; border:1px solid black; float:right;"></div> 
 
    <div style="width:10%; height:30px; border:1px solid black; float:right;"></div> 
 
    <div style="width:10%; height:30px; border:1px solid black; float:right;"></div> 
 
    <div style="width:10%; height:30px; border:1px solid black; float:right;"></div> 
 
</div> 
 

 
<div id="border" style="width:100%; height:30px;"> 
 
    <div style="width:10%; height:30px; border:1px solid black; float:right;"></div> 
 
    <div style="width:10%; height:30px; border:1px solid black; float:right;"></div> 
 
    <div style="width:10%; height:30px; border:1px solid black; float:right;"></div> 
 
    <div style="width:10%; height:30px; border:1px solid black; float:right;"></div> 
 
    <div style="width:10%; height:30px; border:1px solid black; float:right;"></div> 
 
    <div style="width:10%; height:30px; border:1px solid black; float:right;"></div> 
 
</div> 
 
<div id="border" style="width:100%; height:30px;"> 
 
    <div style="width:10%; height:30px; border:1px solid black; float:right;"></div> 
 
    <div style="width:10%; height:30px; border:1px solid black; float:right;"></div> 
 
    <div style="width:10%; height:30px; border:1px solid black; float:right;"></div> 
 
    <div style="width:10%; height:30px; border:1px solid black; float:right;"></div> 
 
    <div style="width:10%; height:30px; border:1px solid black; float:right;"></div> 
 
    <div style="width:10%; height:30px; border:1px solid black; float:right;"></div> 
 
</div> 
 
<div id="border" style="width:100%; height:30px;"> 
 
    <div style="width:10%; height:30px; border:1px solid black; float:right;"></div> 
 
    <div style="width:10%; height:30px; border:1px solid black; float:right;"></div> 
 
    <div style="width:10%; height:30px; border:1px solid black; float:right;"></div> 
 
    <div style="width:10%; height:30px; border:1px solid black; float:right;"></div> 
 
    <div style="width:10%; height:30px; border:1px solid black; float:right;"></div> 
 
    <div style="width:10%; height:30px; border:1px solid black; float:right;"></div> 
 
</div> 
 
<div id="border" style="width:100%; height:30px;"> 
 
    <div style="width:10%; height:30px; border:1px solid black; float:right;"></div> 
 
    <div style="width:10%; height:30px; border:1px solid black; float:right;"></div> 
 
    <div style="width:10%; height:30px; border:1px solid black; float:right;"></div> 
 
    <div style="width:10%; height:30px; border:1px solid black; float:right;"></div> 
 
    <div style="width:10%; height:30px; border:1px solid black; float:right;"></div> 
 
    <div style="width:10%; height:30px; border:1px solid black; float:right;"></div> 
 
</div> 
 
<div id="border" style="width:100%; height:30px;"> 
 
    <div style="width:10%; height:30px; border:1px solid black; float:right;"></div> 
 
    <div style="width:10%; height:30px; border:1px solid black; float:right;"></div> 
 
    <div style="width:10%; height:30px; border:1px solid black; float:right;"></div> 
 
    <div style="width:10%; height:30px; border:1px solid black; float:right;"></div> 
 
    <div style="width:10%; height:30px; border:1px solid black; float:right;"></div> 
 
    <div style="width:10%; height:30px; border:1px solid black; float:right;"></div> 
 
</div> 
 
<div id="border" style="width:100%; height:30px;"> 
 
    <div style="width:60%; height:30px; border:1px solid black; float:right;"></div> 
 
</div> 
 
<div id="border" style="width:100%; height:30px;"> 
 
    <div style="width:60%; height:30px; border:1px solid black; float:right;"></div> 
 
</div> 
 

 
<div id="border" style="width:100%; height:30px;"> 
 
    <div style="width:10%; height:30px; border:1px solid black; float:right;"></div> 
 
    <div style="width:10%; height:30px; border:1px solid black; float:right;"></div> 
 
    <div style="width:10%; height:30px; border:1px solid black; float:right;"></div> 
 
    <div style="width:10%; height:30px; border:1px solid black; float:right;"></div> 
 
    <div style="width:10%; height:30px; border:1px solid black; float:right;"></div> 
 
    <div style="width:10%; height:30px; border:1px solid black; float:right;"></div> 
 
    <div style="width:40%; height:30px; border:1px solid black; float:right;"></div> 
 
</div> 
 
<div id="border" style="width:100%; height:30px;"> 
 
    <div style="width:10%; height:30px; border:1px solid black; float:right;"></div> 
 
    <div style="width:10%; height:30px; border:1px solid black; float:right;"></div> 
 
    <div style="width:10%; height:30px; border:1px solid black; float:right;"></div> 
 
    <div style="width:10%; height:30px; border:1px solid black; float:right;"></div> 
 
    <div style="width:10%; height:30px; border:1px solid black; float:right;"></div> 
 
    <div style="width:10%; height:30px; border:1px solid black; float:right;"></div> 
 
    <div style="width:40%; height:30px; border:1px solid black; float:right;"></div> 
 
</div> 
 
<div id="border" style="width:100%; height:30px;"> 
 
    <div style="width:10%; height:30px; border:1px solid black; float:right;"></div> 
 
    <div style="width:10%; height:30px; border:1px solid black; float:right;"></div> 
 
    <div style="width:10%; height:30px; border:1px solid black; float:right;"></div> 
 
    <div style="width:10%; height:30px; border:1px solid black; float:right;"></div> 
 
    <div style="width:10%; height:30px; border:1px solid black; float:right;"></div> 
 
    <div style="width:10%; height:30px; border:1px solid black; float:right;"></div> 
 
    <div style="width:40%; height:30px; border:1px solid black; float:right;"></div> 
 
</div> 
 
<div id="border" style="width:100%; height:30px;"> 
 
    <div style="width:10%; height:30px; border:1px solid black; float:right;"></div> 
 
    <div style="width:10%; height:30px; border:1px solid black; float:right;"></div> 
 
    <div style="width:10%; height:30px; border:1px solid black; float:right;"></div> 
 
    <div style="width:10%; height:30px; border:1px solid black; float:right;"></div> 
 
    <div style="width:10%; height:30px; border:1px solid black; float:right;"></div> 
 
    <div style="width:10%; height:30px; border:1px solid black; float:right;"></div> 
 
    <div style="width:40%; height:30px; border:1px solid black; float:right;"></div> 
 
</div> 
 
<div id="border" style="width:100%; height:30px;"> 
 
    <div style="width:10%; height:30px; border:1px solid black; float:right;"></div> 
 
    <div style="width:10%; height:30px; border:1px solid black; float:right;"></div> 
 
    <div style="width:10%; height:30px; border:1px solid black; float:right;"></div> 
 
    <div style="width:10%; height:30px; border:1px solid black; float:right;"></div> 
 
    <div style="width:10%; height:30px; border:1px solid black; float:right;"></div> 
 
    <div style="width:10%; height:30px; border:1px solid black; float:right;"></div> 
 
    <div style="width:40%; height:30px; border:1px solid black; float:right;"></div> 
 
</div> 
 
<div id="border" style="width:100%; height:30px;"> 
 
    <div style="width:10%; height:30px; border:1px solid black; float:right;"></div> 
 
    <div style="width:10%; height:30px; border:1px solid black; float:right;"></div> 
 
    <div style="width:10%; height:30px; border:1px solid black; float:right;"></div> 
 
    <div style="width:10%; height:30px; border:1px solid black; float:right;"></div> 
 
    <div style="width:10%; height:30px; border:1px solid black; float:right;"></div> 
 
    <div style="width:10%; height:30px; border:1px solid black; float:right;"></div> 
 
    <div style="width:40%; height:30px; border:1px solid black; float:right;"></div> 
 
</div> 
 
<div id="border" style="width:100%; height:30px;"> 
 
    <div style="width:10%; height:30px; border:1px solid black; float:right;"></div> 
 
    <div style="width:10%; height:30px; border:1px solid black; float:right;"></div> 
 
    <div style="width:10%; height:30px; border:1px solid black; float:right;"></div> 
 
    <div style="width:10%; height:30px; border:1px solid black; float:right;"></div> 
 
    <div style="width:10%; height:30px; border:1px solid black; float:right;"></div> 
 
    <div style="width:10%; height:30px; border:1px solid black; float:right;"></div> 
 
    <div style="width:40%; height:30px; border:1px solid black; float:right;"></div> 
 
</div> 
 

 
<div id="border" style="width:100%; height:30px;"> 
 
    <div style="width:10%; height:30px; border:1px solid black; float:right;"></div> 
 
    <div style="width:10%; height:30px; border:1px solid black; float:right;"></div> 
 
    <div style="width:10%; height:30px; border:1px solid black; float:right;"></div> 
 
    <div style="width:30%; height:30px; border:1px solid black; float:right;"></div> 
 
    <div style="width:40%; height:30px; border:1px solid black; float:right;"></div> 
 
</div> 
 

 
<div id="border" style="width:100%; height:30px;"> 
 
    <div style="width:40%; height:30px; border:1px solid black; float:right;"></div> 
 
    <div style="width:10%; height:30px; border:1px solid black; float:right;"></div> 
 
    <div style="width:10%; height:30px; border:1px solid black; float:right;"></div> 
 
    <div style="width:40%; height:30px; border:1px solid black; float:right;"></div> 
 
</div> 
 

 
<div id="border" style="width:100%; height:30px;"> 
 
    <div style="width:10%; height:30px; border:1px solid black; float:right;"></div> 
 
    <div style="width:10%; height:30px; border:1px solid black; float:right;"></div> 
 
    <div style="width:10%; height:30px; border:1px solid black; float:right;"></div> 
 
    <div style="width:10%; height:30px; border:1px solid black; float:right;"></div> 
 
    <div style="width:10%; height:30px; border:1px solid black; float:right;"></div> 
 
    <div style="width:10%; height:30px; border:1px solid black; float:right;"></div> 
 
    <div style="width:40%; height:30px; border:1px solid black; float:right;"></div> 
 
</div> 
 
<div id="border" style="width:100%; height:30px;"> 
 
    <div style="width:10%; height:30px; border:1px solid black; float:right;"></div> 
 
    <div style="width:10%; height:30px; border:1px solid black; float:right;"></div> 
 
    <div style="width:10%; height:30px; border:1px solid black; float:right;"></div> 
 
    <div style="width:10%; height:30px; border:1px solid black; float:right;"></div> 
 
    <div style="width:10%; height:30px; border:1px solid black; float:right;"></div> 
 
    <div style="width:10%; height:30px; border:1px solid black; float:right;"></div> 
 
    <div style="width:40%; height:30px; border:1px solid black; float:right;"></div> 
 
</div> 
 
<div id="border" style="width:100%; height:30px;"> 
 
    <div style="width:10%; height:30px; border:1px solid black; float:right;"></div> 
 
    <div style="width:10%; height:30px; border:1px solid black; float:right;"></div> 
 
    <div style="width:10%; height:30px; border:1px solid black; float:right;"></div> 
 
    <div style="width:10%; height:30px; border:1px solid black; float:right;"></div> 
 
    <div style="width:10%; height:30px; border:1px solid black; float:right;"></div> 
 
    <div style="width:10%; height:30px; border:1px solid black; float:right;"></div> 
 
    <div style="width:40%; height:30px; border:1px solid black; float:right;"></div> 
 
</div> 
 
<div id="border" style="width:100%; height:30px;"> 
 
    <div style="width:10%; height:30px; border:1px solid black; float:right;"></div> 
 
    <div style="width:10%; height:30px; border:1px solid black; float:right;"></div> 
 
    <div style="width:10%; height:30px; border:1px solid black; float:right;"></div> 
 
    <div style="width:10%; height:30px; border:1px solid black; float:right;"></div> 
 
    <div style="width:10%; height:30px; border:1px solid black; float:right;"></div> 
 
    <div style="width:10%; height:30px; border:1px solid black; float:right;"></div> 
 
    <div style="width:40%; height:30px; border:1px solid black; float:right;"></div> 
 
</div> 
 
<div id="border" style="width:100%; height:30px;"> 
 
    <div style="width:10%; height:30px; border:1px solid black; float:right;"></div> 
 
    <div style="width:10%; height:30px; border:1px solid black; float:right;"></div> 
 
    <div style="width:10%; height:30px; border:1px solid black; float:right;"></div> 
 
    <div style="width:10%; height:30px; border:1px solid black; float:right;"></div> 
 
    <div style="width:10%; height:30px; border:1px solid black; float:right;"></div> 
 
    <div style="width:10%; height:30px; border:1px solid black; float:right;"></div> 
 
    <div style="width:40%; height:30px; border:1px solid black; float:right;"></div> 
 
</div> 
 
<div id="border" style="width:100%; height:30px;"> 
 
    <div style="width:10%; height:30px; border:1px solid black; float:right;"></div> 
 
    <div style="width:10%; height:30px; border:1px solid black; float:right;"></div> 
 
    <div style="width:10%; height:30px; border:1px solid black; float:right;"></div> 
 
    <div style="width:10%; height:30px; border:1px solid black; float:right;"></div> 
 
    <div style="width:10%; height:30px; border:1px solid black; float:right;"></div> 
 
    <div style="width:10%; height:30px; border:1px solid black; float:right;"></div> 
 
    <div style="width:40%; height:30px; border:1px solid black; float:right;"></div> 
 
</div>

+1

表格數據的Div?來吧。 – Seb

0

這裏是解決方案。

您可以編輯jsFiddle這裏

添加的代碼(CSS):

tr>td:first-child{ 
    background: #ffe500; 
} 
tr>td{ 
    border: 1px solid #ffe500 !important; 
} 

.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; 
 
} 
 
tr>td:first-child{ 
 
\t background: #ffe500; 
 
\t border: 1px solid #ffe500; 
 
} 
 
tr>td{ 
 
\t border: 1px solid #ffe500 !important; 
 
}
<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>