表格單元格（td）中的Colspan移位單元格

我正在使用XSLT更改表格以承載來自設備的信息。除了我需要重新創建一個屏幕上的元素，這不是一個大問題。例如：表格單元格（td）中的Colspan移位單元格

----------- 
|   | 
| X  | 
|   | 
|   | 
|  XXX | 
|  XXX | 
|   | 
------------

此屏幕有例如2個元素。一個大小爲1x1（不是問題），但是當大小爲3x2時。當我更改這個單元格rowspan或colspan時，單元格移位並不會消失在colspan中。

所以這到底發生了什麼：

----------- 
|   | 
| X  | 
|   | 
|   | 
|  XXX | 
|  XXX | 
|   | 
------ --| 
     ---

代碼
的一個實例想：

<TABLE border="1"> 
    <TBODY> 
     <TR style="height: 10px;"> 
      <TD BGCOLOR="#CDB599">&nbsp;</TD> 
      <TD COLSPAN="2" BGCOLOR="#9CC5C9">&nbsp;</TD> 
      <TD BGCOLOR="#CDB599">&nbsp;</TD> 
     </TR> 
     <TR style="height: 10px;"> 
      <TD BGCOLOR="#D5544F">&nbsp;</TD> 
      <TD BGCOLOR="#CDB599">&nbsp;</TD> 
      <TD BGCOLOR="#CDB599">&nbsp;</TD> 
     </TR> 
    </TBODY> 
</TABLE>

http://jsfiddle.net/ju9dd/12/

任何人有任何想法如何解決這一問題？

來源

2013-07-22 Exitgo

一些代碼，將有助於 – Pete

編輯後一些代碼和的jsfiddle – Exitgo

的原因，你的表壞了是因爲列不匹配的數量，你的第一行有四列，你的第二個有三個。規則表中的一個 - 匹配每行中的單元格數 – Pete

Colspan不會使鄰近的細胞神奇地消失。你需要離開它。

正確代碼：

<TABLE border="1"> 
    <TBODY> 
     <TR style="height: 10px;"> 
      <TD BGCOLOR="#CDB599">&nbsp;</TD> 
      <TD COLSPAN="2" BGCOLOR="#9CC5C9">&nbsp;</TD> 
     </TR> 
     <TR style="height: 10px;"> 
      <TD BGCOLOR="#D5544F">&nbsp;</TD> 
      <TD BGCOLOR="#CDB599">&nbsp;</TD> 
      <TD BGCOLOR="#CDB599">&nbsp;</TD> 
     </TR> 
    </TBODY> 
</TABLE>

來源

2013-07-22 10:01:26

我知道，但是我動態地創建了這個表。所以我有一個帶有td和tr的表格，我想動態地刪除將被元素覆蓋的td和tr。 http://jsfiddle.net/9PxVK/3/ – Exitgo

表格單元格（td）中的Colspan移位單元格

回答

相關問題