html - 输出具有动态记录数的行跨度

Question

给定这样的表：

Col 1  |  Col 2
  1         2
  1         3
  2         4

...并且可以是 Col 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 输出。我只是想知道是否有一种更简单/更快的方法来做类似的事情，我可以遍历记录并在 Col 1 中的下一行与最后一行的 Col 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 中正常工作。