【问题标题】:Dynamic generation of row column and header动态生成行列和表头
【发布时间】:2014-01-15 19:28:42
【问题描述】:

我需要编写一个表格,其中行和列以及标题是动态的。以前我用 HTML 和标题显示标签对表格进行硬编码,以显示来自数据库的详细信息。现在,由于列和标题也根据我项目中的不同要求而变化,我需要动态地做所有事情。任何关于使用什么的建议将不胜感激。

这就是我之前的做法:

 <TABLE BORDER="1" CELLPADDING="3" CELLSPACING="1" style="text-align: center;">
            <TR>
                <TH>Header1</TH>
                <TH>Header2</TH>
                <TH>Header3</TH>
                <TH>Header4</TH>
            </TR>
            <c:forEach var="i" begin="0" end="${value.getHeader1().size() - 1}">
                <TR>
                    <TD>
                            ${value.getHeader1().get(i)}
                    </TD>
                    <TD>
                            ${value.getHeader2().get(i)}
                    </TD>
                    <TD>
                            ${value.getHeader3().get(i)}
                    </TD>
                    <TD>
                            ${value.getHeader4().get(i)}
                    </TD>
                </TR>
            </c:forEach>
        </TABLE>

从上面的&lt;table&gt; 模式中,标头是硬编码的。现在我需要使其动态化,并根据任何特定的要求和选择,我的 servlet 将在这种动态行为表中查询和传递结果。

在这方面的任何帮助都会非常有帮助而且很棒!

【问题讨论】:

    标签: java html database jsp html-table


    【解决方案1】:

    首先,从value 变量中获取您的headers 数组。

    -对于header迭代,可以从数组中获取第一个header对象

    -对于值迭代,对每个header对象做一个for循环

    <TABLE BORDER="1" CELLPADDING="3" CELLSPACING="1" style="text-align: center;">
       <TR>
          <c:forEach var="h" items="${value.getHeaders.get(0)}">
             <TH>${h.title}</TH>
          </c:forEach>
       </TR>
       <c:forEach var="headers" items="${value.getHeaders()}">
          <TR>
             <c:forEach var="header" items="${headers.getHeader}">
                <TD>${header.value}</TD>
             </c:forEach>
          </TR>
       </c:forEach>
    </TABLE>
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2021-12-05
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2014-12-10
      相关资源
      最近更新 更多