html - HTML表格在rails中没有正确格式化

Question

在我的一个导轨视图中，我无法正确格式化表格。该视图显示订单的项目。

这是视图：

<h3>Order for <%= @demand.customer.name %></h3>
<h4>Ordered for: <%= @demand.date %></h4>
<h4>Add Items</h4>

<%= render 'demands/item_form' %>

<table class="customer-table">
<tr>
    <th>Item</th>
    <th>Price</th>
    <th>Quantity</th>
    <th style="padding-left: 30px;">Sub Total</th>
</tr>

<% @demand.items.each do |item| %>
  <tr>
  <td><%= item.name %></td>
  <td><%= item.price %></td>
     <% item.demand_items.each do |quantity| %>
        <td><%= quantity.quantity %></td>
        <td class="sub-total" style="padding-left: 30px;">
        <%= (item.price) * (quantity.quantity) %></td>
    <% end %>
<% end %>

</tr> 

</table> 

这是该问题的一些屏幕截图。红框中的所有内容及其右侧都不应该存在：http: //i.imgur.com/crRP7bY.png

我对开发还是很陌生，所以这可能很简单。

Answer 1

第二对tr不正确。将最后一个tr标签放在循环中，像这样

    </tr> 
  <% end %>
</table> 

Answer 2

each我通过结束第二个循环阻止了这种情况的发生。

这是固定代码

<% @demand.items.each do |item| %>
  <tr>
  <td><%= item.name %></td>
  <td><%= item.price %></td>
     <% item.demand_items.each do |quantity| %>
        <td><%= quantity.quantity %></td>
        <td class="sub-total" style="padding-left: 30px;">
        <%= subtotal(item.price, quantity.quantity) %></td>
      <% break %>
    <% end %>
<% end %>