2011-12-14 75 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