输出类似具有动态记录数的 rowspan 的内容

Question

给定一个像这样的表：

Col 1  |  Col 2
  1         2
  1         3
  2         4

...第 1 列中可以是任意数量的 1、2 等。我想动态输出如下所示的内容：

<table>
    <tr>
        <td rowspan="2">
            1
        </td>
        <td>
            2
        </td>
    </tr>
    <tr>
        <td>
            3
        </td>
    </tr>
    <tr>
        <td rowspan="1">
            2
        </td>
        <td>
            4
        </td>
    </tr>
</table>

我的问题是，对于上面的 html，我会计算不同 1 的数量以找到适当的行跨度数，然后返回并迭代它们以获取 html 输出。我只是想知道是否有一种更简单/更快的方法来执行类似的操作，我可以迭代记录并在第 1 列中的下一行与最后一行的第 1 行不同时添加一些内容。

我读到的内容听起来像我可以只使用 rowspan="0" 作为第一条记录，并按 tbody 标签将组分开，如下所示：

<table>
    <tbody>
        <tr>
            <td rowspan="0">
                1
            </td>
            <td>
                2
            </td>
        </tr>
        <tr>
            <td>
                3
            </td>
        </tr>
    </tbody>
    <tbody>
        <tr>
            <td rowspan="0">
                2
            </td>
            <td>
                4
            </td>
        </tr>
    </tbody>
</table>

...rowspan="0" 将只跨越它所包含的 tbody 部分。我还没有能够找到很多关于此方法的信息，但我无法让它在 IE 或 Firefox 中工作。那么有什么东西可以加快我的 html 渲染速度吗？提前致谢。

Answer 1

像这样尝试怎么样？

<table>
  <tbody>
      <tr>
          <td rowspan="10">
              1
          </td>
          <td>
              2
          </td>
      </tr>
      <tr>
          <td>
              3
          </td>
      </tr>
  </tbody>
  <tbody>
      <tr>
          <td rowspan="10">
              2
          </td>
          <td>
              4
          </td>
      </tr>
  </tbody>
</table>

至少在这张表上看起来它可以在 IE8 和 FF 3.6 中运行。我假设如果 rowspan="10" 在具有 3 行且有 2 个部分（第一行 2 行，第二行 1 行）的表上工作正常，那么 rowspan="10000" 也应该工作。

编辑：哦，是的，根据几个网站，rowspan="0" 到目前为止仅在 Opera 中可以正常工作。