合并两行使其成为一行

时间:2012-10-10 01:23:05

标签: html5 css3

我需要将表中的两行合并为一行,以便我可以在该行上应用样式(带有渐变的背景)。

我尝试在表格单元格上使用rowspan,colspan =总列数,但这不起作用。

尝试在主表标题中使用嵌套表,但在这种情况下,表背景没有所需的样式。

演示http://jsfiddle.net/Debarupa/EyxkJ/3/

如果您查看演示,我需要“附加信息”并将列标题合并为一行,以便样式“gridheader”可以作为一行应用于它们。

任何人的想法?感谢您提前获得任何帮助。

2 个答案:

答案 0 :(得分:1)

尝试将两个不同的类用于要组合的前两行。然后将梯度分解为两个,对于这些行中的每一行,第一个的颜色变化为0-50%,第二个变化为50-100%。

以下是示例: http://jsfiddle.net/EyxkJ/5/

不确定这是否是最优雅的解决方案。

答案 1 :(得分:1)

我已经在表格单元格中为标题创建了一个带有嵌套表的sample