表行的相等分布 - HTML和CSS

Question

我刚做了一张桌子，我有三条记录正在尝试显示。它成功地显示了信息，但它将所有信息都排成一行。当我希望它显示超过三行。我做了一些明显的错误，但我还是需要一些帮助。这是我的代码：

HTML

  <table>
    <tr>
      <th>Name</th>
      <th>Manage</th>
    </tr>
    <tr>
      <% @assignments.each do |assignment| %>
        <td><%= link_to assignment.name, account_assignment_path(assignment) %></td>
        <td><%= link_to "Delete", account_assignment_path(assignment), method: :delete %></td>
      <% end %>
    </tr>
  </table>

屏幕截图：

正如你所看到的，他们都试图融入一个专栏。我怎么能解决这个问题呢？

Answer 1

我不熟悉您正在使用的模板语言，但这可能是因为您的循环中不包含<tr>元素。

  <table>
    <tr>
      <th>Name</th>
      <th>Manage</th>
    </tr>
    <% @assignments.each do |assignment| %>
      <tr>
        <td><%= link_to assignment.name, account_assignment_path(assignment) %></td>
        <td><%= link_to "Delete", account_assignment_path(assignment), method: :delete %></td>
      </tr>
    <% end %>
  </table>