Html 格式化嵌套表

Html 格式化嵌套表,html,jsp,html-table,Html,Jsp,Html Table,从中,有人建议我使用一个嵌套表,该表依次执行预期的操作/功能 <table> <thead class="center"> <tr> <th><a href="viewfaculty?columnName=professor_id">ID</a></th> <th><a href="viewfaculty?columnNam

从中,有人建议我使用一个嵌套表,该表依次执行预期的操作/功能

<table>
    <thead class="center">
        <tr>
            <th><a href="viewfaculty?columnName=professor_id">ID</a></th>
            <th><a href="viewfaculty?columnName=professor_last_name">L. Name</a></th>
            <th>F. Name</th>
            <th>M. Name</th>
            <th>Sex</th>
            <th><a href="viewfaculty?columnName=professor_employment_status">Empl. Status</a></th>
            <th><a href="viewfaculty?columnName=professor_department">Dept.</a></th>
            <th>Modify</th>
        </tr>
    </thead>

    <tbody>
        <c:forEach var="professor" items="${facultyList}">
        <tr>
            <td>
                <form action="savechanges" method="post">
                <table>
                    <tr>
                        <td align="center">${professor.profId}</td>
                        <td>${professor.profLastName}</td>
                        <td>${professor.profFirstName}</td>
                        <td>${professor.profMiddleName}</td>
                        <td align="center">${professor.profSex}</td>
                        <td align="center">${professor.profEmplStatus}</td>
                        <td align="center">${professor.profDept}</td>

                        <td align="center">
                            <c:choose>
                                <c:when test="${professor.profEmplStatus.equals('FULL')}">
                                    <select name="profEmplStatus" required>
                                        <option value="FULL" selected>FULL</option>
                                        <option value="PART">PART</option>
                                        <option value="RET">RET</option>
                                        <option value="TRMTD">TRMTD</option>
                                    </select>
                                </c:when>

                                <c:when test="${professor.profEmplStatus.equals('PART')}">
                                    <select name="profEmplStatus" required>
                                        <option value="FULL">FULL</option>
                                        <option value="PART" selected>PART</option>
                                        <option value="RET">RET</option>
                                        <option value="TRMTD">TRMTD</option>
                                    </select>
                                </c:when>

                                <!-- more <c:when> -->
                            </c:choose>
                        </td>

                        <td align="center">
                            <c:choose>
                                <c:when test="${professor.profDept.equals('BSCS-SE')}">
                                    <select name="profDept" required>
                                        <option value="BA-MMA">BA-MMA</option>
                                        <option value="BFDT">BFDT</option>
                                        <option value="BS-AN">BS-AN</option>
                                        <option value="BS-GPD">BS-GPD</option>
                                        <option value="BSBA-FM">BSBA-FM</option>
                                        <option value="BSBA-MKT">BSBA-MKT</option>
                                        <option value="BSCS-SE" selected>BSCS-SE</option>
                                        <option value="BSIT-WD">BSIT-WD</option>
                                        <option value="GENED">GENED</option>
                                    </select>
                                </c:when>

                                <c:when test="${professor.profDept.equals('GENED')}">
                                    <select name="profDept" required>
                                        <option value="BA-MMA">BA-MMA</option>
                                        <option value="BFDT">BFDT</option>
                                        <option value="BS-AN">BS-AN</option>
                                        <option value="BS-GPD">BS-GPD</option>
                                        <option value="BSBA-FM">BSBA-FM</option>
                                        <option value="BSBA-MKT">BSBA-MKT</option>
                                        <option value="BSCS-SE">BSCS-SE</option>
                                        <option value="BSIT-WD">BSIT-WD</option>
                                        <option value="GENED" selected>GENED</option>
                                    </select>
                                </c:when>

                                <!-- more <c:when> -->
                            </c:choose>
                        </td>

                        <td class="center">
                            <input type="hidden" name="profId" value="${professor.profId}" />
                            <input type="submit" value="Save" />
                        </td>
                    </tr>
                </table>
                </form>
            </td>
        </tr>
        </c:forEach>
    </tbody>
</table>

F.姓名
M.姓名
性
修改
${professor.profId}
${professor.profLastName}
${professor.profFirstName}
${professor.profmidleName}
${profSex教授}
${professor.professtatus}
${professor.profept}
满满的
部分
RET
TRMTD
满满的
部分
RET
TRMTD
BA-MMA
BFDT
BS-AN
BS-GPD
BSBA-FM
BSBA-MKT
BSCS-SE
BSIT-WD
基因
BA-MMA
BFDT
BS-AN
BS-GPD
BSBA-FM
BSBA-MKT
BSCS-SE
BSIT-WD
基因
不过,从这个屏幕截图中可以看出,这些表格看起来乱七八糟:

如何使其看起来像最初的预期


html设计有嵌套表,这些表在外部表的单元格中包含一个
表单
标记。从浏览器中输出的图片可以看到,占用空间的嵌套表属于第一列。但是您需要两个表具有相同数量的collumn。计算嵌套表中的列数,并使用
标记的
colspan
属性展开一个单元格,以占用外部表中其他列的专用空间

<td colspan="10" align="right" valign="top">
   <form action="savechanges" method="post">
      <table style="width:100%;" cellspacing="0" cellpadding="0" border="0">


您确定要嵌套表,而不仅仅是每个记录的
行吗?为什么要引用答案?“这是我的错吗?”安德鲁杜奈说,要是我们能那样做就好了。原因是在
周围放置
是非法的,因此是嵌套表。这个问题是关于参数拦截器的,我不想将其与格式化html联系在一起,因为您没有提供足够的信息。这就是为什么我建议你发布这个问题。请参考一个问题,而不是答案。@Quentin不,不是这样。除了我的答案中的一张外,对投票数保持满意。welcom to[struts2]tag,waiting your posts:/。它处理主表“ID”下的所有子表。它不会使这些子表的列彼此对齐。@RomanC,它起作用了!=)请参阅以获取屏幕截图。我还测试了更新一行,它也起了作用。我只需要调整一下列宽,但一切都很好。也感谢你坚持这个问题,即使它在循环。赞赏并标记接受答案。=)@昆汀,别那么刻薄了。是的,调整列宽是可行的。你从来没有提供过可用的代码。@Quentin,你甚至连这个问题的答案都没有。你不能说什么是好的。另外,如果你强烈地不想提供答案(这是你的选择,我不介意),你为什么一直在这条线上徘徊|