【问题标题】:Outputting something like rowspan with dynamic number of records输出具有动态记录数的行跨度
【发布时间】:2010-08-11 14:37:38
【问题描述】:

给定这样的表格:

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 或火狐。那么有什么东西可以加快我的 html 渲染速度吗?提前致谢。

【问题讨论】:

    标签: html html-rendering


    【解决方案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 中正常工作。

    【讨论】:

    • 不是我所希望的,但这似乎是最接近现有解决方案的方法。
    • 我知道这不是您想要的,但这是在没有找到真正的解决方案之后我能想到的最好的方法。
    猜你喜欢
    • 2017-09-10
    • 2019-12-12
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2019-04-29
    • 2021-07-12
    • 2019-04-23
    • 1970-01-01
    相关资源
    最近更新 更多