在html中删除表格单元格

Question

在此示例表格中，我想从底部的空单元格中删除边框，尝试在css中使用border-collapse:collapse;但未成功。

<table id="tableID" border="1"> 
<tr width="80px" height="50px"> 
<td width="80px" height="50px">asdasdasdasdasdasd</td> 
<td width="80px" height="50px">asdasda</td> 
<td width="80px" height="50px">sadsadasd</td> 
<td width="80px" height="50px">sadsadasd</td> 
</tr> 
<tr> 
<td width="80px" height="50px">sasas</td> 
<td width="80px" height="50px">sdsadsa</td> 
<td width="80px" height="50px">sadasd</td> 
<td width="80px" height="50px">sdasd</td> 
</tr> 
<tr> 
<td rowspan="2"></td> 
<td width="80px" height="50px">asas</td> 
<td width="80px" height="50px">aaaas</td> 
<td width="80px" height="50px">ssssssa</td> 
</tr> 
<tr> 
<td colspan="2"></td> 
<td width="80px" height="50px">aaaas</td> 
</tr> 
</table> 

Answer 1

这是你想要的吗？

小提琴：http://jsfiddle.net/15mjmy4j/

table { 
    border-collapse: separate; 
    empty-cells: hide; 
} 

这看起来更好，我认为。小提琴：http://jsfiddle.net/15mjmy4j/1/

table { 
    border-collapse: collapse; 
    empty-cells: hide; 
}