Html 列中的表

我有这个样本表，我的表应该是什么样子的

第二列可以有多个与原始列重合的行。我对如何使用

jstl

这是我编写的代码，它将所有内容打印在同一行中，因为我没有任何用于内部

foreach

的break语句，但我想要类似于jsfiddle中的内容

<c:forEach items="${abc.bcd }" var="abc">
<tr>
<td align="center"><c:out value="${abc.interval }" /></td>
<td><c:out value="${abc.operation}" /></td>
<td>
<c:forEach items="${abc.parts.info}" var="info">
<c:out value="${info.number}" />
<c:out value="${info.quantity}" />
<c:out value="${info.name}" />
</c:forEach>                        
</td>
</tr>
</c:forEach>

---

我不知道如何详细说明基于HTML的表的工作方式，但单个列中的整体is行并不是如何开发的。因为行与列的比率需要平衡

如果您有一个需要行外观的列，那么最好在该列中放置一个新表，并在其中构建所述行的外观

例如：

<table>
   <tr>
     <td>
       <table>
         <tr>
           <td>Info</td>
           <td>Info</td>
           <td>Info</td>
         </tr>
       </table>
    </td>
  </tr>
</table>

信息
信息
信息

查看到目前为止您已经构建的内容，看起来您在abc.parts.info上有一个。如果您有一个有序的地图，如a，您可以：

---

这个将在列中放置一个表。但是内部表列与外部表不对齐。我希望内表列与外表列对齐

<c:forEach items="${abc.bcd}" var="abc">
  <tr>
    <td align="center"><c:out value="${abc.interval}" /></td>
    <td><c:out value="${abc.operation}" /></td>
    <c:forEach items="${abc.parts.info}" var="info">
      <td><c:out value="${info.value}" /></td>
    </c:forEach>                        
  </tr>
</c:forEach>

<c:forEach items="${abc.bcd}" var="abc">
  <tr>
    <td align="center"><c:out value="${abc.interval}" /></td>
    <td><c:out value="${abc.operation}" /></td>
    <td><c:out value="${abc.parts.info['number']}" /></td>
    <td><c:out value="${abc.parts.info['quantity']}" /></td>
    <td><c:out value="${abc.parts.info['name']}" /></td>
  </tr>
</c:forEach>