隱藏在表中的某些細胞（HTML + CSS）

Question

廣東話後幾個圖像在這裏，所以，鏈接到一個畫面http://i.stack.imgur.com/Pu333.png

我有如下表：圖1從上面

鏈接我需要它顯示這樣的：圖2中從上方連結

的問題是，XXXX細胞應在單獨的行中，從而如果我隱藏行30或行20它仍保持在屏幕上：圖3從上方連結可用

標記here

<table border="0" cellpadding="0" cellspacing="0"> 
<thead> 
    <tr> 
     <th>1</th> 
     <th>2</th> 
     <th>3</th> 
     <th width="100px">4</th> 
     <th width="100px">5</th> 
    </tr> 
</thead> 
<tbody> 
    <tr> 
     <td>aa</td> 
     <td rowspan="4">bb</td> 
     <td>cc</td> 
     <td>dd</td> 
     <td>ee</td> 
    </tr> 
    <tr> 
     <td></td> 
     <td style="display:none"></td> 
     <td rowspan="3">XXXX</td> 
     <td></td> 
     <td></td> 
    </tr> 
    <tr> 
     <td>30</td> 
     <td style="display:none">32</td> 
     <td style="display:none">33</td> 
     <td>34</td> 
     <td>35</td> 
    </tr> 
    <tr> 
     <td>20</td> 
     <td style="display:none">22</td> 
     <td style="display:none">23</td> 
     <td>24</td> 
     <td>25</td> 
    </tr> 
</tbody> 

Answer 1

<table border="0" cellpadding="0" cellspacing="0"> 
    <thead> 
     <tr> 
      <th>1</th> 
      <th>2</th> 
      <th>3</th> 
      <th width="100px">4</th> 
      <th width="100px">5</th> 
     </tr> 
    </thead> 
    <tbody> 
     <tr> 
      <td>aa</td> 
      <td rowspan="3">bb</td> 
      <td>cc</td> 
      <td>dd</td> 
      <td>ee</td> 
     </tr> 
     <tr> 
      <td>30</td> 
      <td style="display:none">32</td> 
      <td rowspan="2">XXXX</td> 
      <td>34</td> 
      <td>35</td> 
     </tr> 
     <tr> 
      <td>20</td> 
      <td style="display:none">22</td> 
      <td style="display:none">23</td> 
      <td>24</td> 
      <td>25</td> 
     </tr> 
    </tbody> 
</table>