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的数量才能找到合适的rowspan数，然后返回并迭代它们以获得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个行的表上工作正常，其中3行有2个部分（首先是2行，第1行是1行），那么rowspan =“10000”也可以正常工作。

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

输出带有动态记录数的rowspan

1 个答案: