【问题标题】:merging table rows html合并表格行html
【发布时间】:2014-12-04 20:33:31
【问题描述】:

我使用 for 循环创建了一个 html 表格,该循环在 jsp 中动态创建表格。

下面是一段代码。

Java for 循环:

for(int i=0; i<mleFIPStepsInfo.size(); i++)
{
    Map map = (Map) mleFIPStepsInfo.get(i);

html代码:

    <tr>
    <td style="text-align: center;" rowspan=4><span style="font-size:13px;"><strong><span style="font-family:calibri;"><%=map.get("attribute[Sequence]")%>&nbsp;</td>

        <td style="text-align: center;"><span style="font-size:13px;"><strong><span style="font-family:calibri;"><%=map.get("name")%>&nbsp;</td>
        <td style="text-align: center;"><span style="font-size:13px;"><strong><span style="font-family:calibri;"><%=map.get("description")%>&nbsp;</td>
        <td style="text-align: center;"><span style="font-size:13px;"><strong><span style="font-family:calibri;"><%=map.get("attribute[Instructions]")%>&nbsp;</td>
    </tr>

现在我有 10 条记录。

前 5 条记录的序列号为 1,其他为 2,3,4,5,6。现在我正在尝试用 10 行构建一个,我应该将前 5 行合并,如下所示:

序列名称说明说明

        Name1   Description1    Instructions1
        Name2   Description2    Instructions2

1 名称3 描述3 说明3

        Name4   Description4    Instructions4
        Name5   Description5    Instructions5

2 名称6 描述6 说明6

3 名称7 描述7 说明7

4 名称8 说明8 说明8

5 名称9 描述9 说明9

6 名称10 描述10 说明10

我无法在 StackOverflow 中正确打印表格,但我基本上需要的是前 5 行需要与序列号 1 合并。

【问题讨论】:

  • 不清楚您希望它最终的样子。您希望前 5 行显示为一行吗?
  • 感谢您的快速回复。我基本上需要的是为第 1 列合并前 5 行,即序列。我知道如果我保留 rowspan="5" 和 colspan="1" 这将使前 5 行合并,但我无法在循环中生成相同的逻辑。
  • 类似: 序列 1 名称 1
    名称 2
    名称 3
    ... tr>?

标签: java html jsp


【解决方案1】:

您希望前 5 行显示为一个非常长的行,您需要省略下一行具有相同序列号的每一行的关闭和后续行具有相同序列号的每一行的打开。

类似:

for(Map.Entry entry : map) {
   if(prevEntry != null && prevEntry.sequence != entry.sequence) {
      write("<tr>");
   }
   // Write the rest of the row here
   if(nextEntry != null && nextEntry.sequence != entry.sequence) {
      write("</tr>");
   }
}

【讨论】:

  • 再次感谢您的回答。但我需要它以不同的方式。让我们假设一个表有 4 列。列标题是“步骤顺序”、“名称”、“描述”、“说明”。如果表有 10 行并且前 5 行的序列号“1”相同,在这种情况下,我需要合并 5 行,仅用于第 1 列,即 Step 序列,其他其他数据保持不变。基本上第一列有 6 行,其他 3 列有 10 行。我不确定我是否正确传达。有什么办法可以在这里画一张桌子给你看??谢谢....
  • 您能详细说明您需要的不同方式吗?
猜你喜欢
  • 2022-10-13
  • 2018-03-21
  • 2013-06-28
  • 2011-05-19
  • 2013-07-05
  • 1970-01-01
  • 2018-06-18
  • 1970-01-01
  • 2021-07-06
相关资源
最近更新 更多