html - tr 仅包含带有 rowspan 的 td 不强制使用下一个 tr 换行

Question

我正在写一个带表格的小程序。而且我发现，如果一个 tr 只包含具有 rowspan 和 colspan 属性的 td，那么当我添加另一个 tr 时，这个 tr 不会在换行符中。这是代码:

<table>
<tr>
    <td colspan='6' rowspan='2'>hello</td>
    <td colspan='6' rowspan='2'>hello</td>
</tr>
<tr>
    <td>hello</td>
</tr>
<tr>
    <td>hello</td>
</tr></table>

作为引用，请参阅 jsFiddle 链接。 http://jsfiddle.net/fvxjq1qL/这看起来真的很尴尬，我不知道如何解决这个问题。非常感谢您的帮助。

http://jsfiddle.net/uhq7o2sw/1/这是我想要的输出(没有第二个空标签)。我写的这个小程序是让用户在html页面上自己画表格的。(我需要获取html格式的表格生成pdf报告，所以用户自己画表格会很方便，我不必为他们编写 html 来获取我需要的数据)。我在测试这个小程序的时候，发现了这个bug。如果用户只想设置一个 tr 具有 6 个 colspans 和 2 rowspan(假设他/她希望 td 更高)，那么下一个 tr 将在同一行。所以我试图找到一个解决方案来修复它，但没有成功。

Answer 1

我看得出来你不想用这个，而是用一个空的 <tr />对于下一个(不存在的)行将解决此问题。

我将此作为答案发布，因为我看不到它在任何地方突出显示，而这是对此类问题的答案，这正是我需要使用的。

<table>
    <tr>
        <td colspan='6' rowspan='2'>hello</td>
        <td colspan='6' rowspan='2'>hello</td>
    </tr>
    <tr></tr> <!-- THIS LINE -->
    <tr>
        <td>hello</td>
        <td>hello</td>
        <td>hello</td>
        <td>hello</td>
        <td>hello</td>
        <td>hello</td>
        <td>hello</td>
        <td>hello</td>
        <td>hello</td>
        <td>hello</td>
        <td>hello</td>
        <td>hello</td>
    </tr>
    <tr></tr>
</table>