合并两行使其成为单行答案

【问题标题】：Combine two rows to make it a single row合并两行使其成为单行
【发布时间】：2019-09-24 13:16:17
【问题描述】：

我需要将表格中的两行合并为一行，以便在该行上应用样式（带渐变的背景）。

我尝试在表格单元格上使用行跨度，其中 colspan = 总列数，但这不起作用。

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

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

有什么想法吗？感谢您提前提供任何帮助。

【问题讨论】：

标签： html css

【解决方案1】：

尝试对要合并的前两行使用两个不同的类。然后将渐变分成两行，对于每一行，第一行的颜色变化为 0-50%，第二行的颜色变化为 50-100%。

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

【讨论】：

【解决方案2】：

我已经创建了一个sample，其中包含嵌套表格到表格单元格的标题。

【讨论】：

感谢您的回复。我昨天实际上尝试了同样的方法，但它不起作用，因为我在桌子上应用了另一种样式，并且优先。请参阅“实际”案例的编辑小提琴（jsfiddle.net/Debarupa/EyxkJ/12）。由于这不是你所知道的，而且完全是我的错，不包括其他风格，我赞成你，因为这个解决方案确实在正常情况下有效。