2011-12-14 72 views
0

我有一個表顯示數據的各行, 在每一行中我有一列有標籤的單元格和一列是數據的單元格。 有時在同一行上可能會有多個列,但是當我嘗試在具有3列或更多列的行下面獲得一行而只有2列並且第二個(數據)列跨過其餘列時,colspan不會「 t似乎工作。使用colspan設置一個單元跨越很多列

它可以處理行的第一列,但不能處理後續的列。

我試圖創建一個表格內的第一列工作,但然後我的標籤列都是不對齊,我不希望手動調整單元格的大小,嘗試使它對齊,因爲這似乎凌亂如果你明白我的意思,那麼上面或下面的行中的標籤單元格會改變寬度,這將需要不斷的關注。

我不確定這是否甚至可能,或者是否有某種魔術技巧需要您去完成它。

任何幫助將不勝感激,下面是我想要做的一個樣本。

 <table cellpadding="0px" cellspacing="0px"> 
      <tr> 
       <td> 
        My first label column 
       </td> 
       <td> 
        My first column data 
       </td> 
       <td> 
        My second label column 
       </td> 
       <td> 
        My second column data 
       </td> 
      </tr> 
      <tr> 
       <td> 
        My second row first column label 
       </td> 
       <td colspan="3"> 
        My second row second column long data................................ 
       </td> 
      </tr> 
     </table> 
+1

我沒有看到問題? http://jsfiddle.net/CSnSz/ – ptriek 2011-12-14 16:29:31

回答

0

沒有魔法是必要的。您示例中的代碼按預期工作。你需要發佈你認爲這個想法不起作用的情況的例子(並描述它看起來如何失敗)。他們可能有一些標記錯誤或其他問題。特別是,當具有colspan =「n」的單元格計爲n個單元格時,每個表格行應具有相同的單元格數量。

另一方面,從技術上講,不允許將「0px」作爲單元格間距或cellpadding值;用普通的「0」代替。但瀏覽器實際上將「0px」解釋爲「0」,所以這在實踐中不會導致問題。

+0

我試圖自己回答這個問題,但發佈後過早。 – Kieran 2011-12-22 17:28:37