Webkit的表格单元的rowspan问题的非脚本解决方法

Question

与单元格 rowspan 相关的Chrome / webkit问题是否有任何已知的非脚本解决方法，其高于所有非跨区行的组合？因为Chrome不会均匀地分配兄弟行，而是调整最后一行以填充剩余空间。

在不同浏览器中查看this example，您会看到如下图所示的结果。

列跨越按预期工作

请注意，列跨越按预期工作。扩展所有列以适应最宽的跨度列。如果其他单元格具有均匀宽度，则它们也会均匀展开，但如果它们没有宽度设置，则会相应地扩展其内容（像往常一样渲染）。

屏幕截图示例

外边框显示表格边框，内边框显示单元格边框。出于显示原因，我没有折叠边框，因此每个单独元素的边框都与其他元素分开。

在Internet Explorer（令人惊讶的）和Firefox中显示：

如Chrome（或其他webkit浏览器）中所示：

额外观察大rowspan值

在我的示例中，有4行，第一行中的最后一个单元格跨越所有四个。如果我将值更改为grater而不是4，webkit实际上将呈现不存在任何单元格的不存在的第五行。因此，不是扩展第四行来获取所有剩余空间，而第五个不存在的行就是这种情况。这就是Chrome中的结果（bot不在任何其他浏览器中）：

Answer 1

阅读本文时的第一个想法是这样做：

<table class="details"><tr><td  >First col</td></tr>
            <tr><td >First col</td></tr>
    <tr><td >First col</td></tr>
    <tr><td >First col</td></tr>
    </table>
<td>Kleke</td>

然后通过CSS管理边框（如果需要帮助就可以发表评论）

Cheers Felix

编辑：我刚刚意识到你要求的那一年是2012而不是2013年，如果你可以提出更好的一年，例如替代解决方案请发布。