如何制作一个 HTML 表格，在列中的六个项目后自动创建新行？答案

【问题标题】：How to make an HTML table, which is automatically create new row after six item in column?如何制作一个 HTML 表格，在列中的六个项目后自动创建新行？
【发布时间】：2016-03-08 05:02:35
【问题描述】：

我正在尝试制作自己的网站，但我不知道如何更好地显示数据库中的图像。我想在一行中显示六个图像，但接下来的六个项目我想在第二行中显示。我怎样才能用这段代码做到这一点？

<table width="80%">
<% @products.each do |product| %>
    <td>
        <%= product.price %>"> <%= image_tag(product.image_url) %> </td>
<% end %>
</table>

对不起，如果这个问题真的很愚蠢。但我只是在学习，它将帮助我更好地理解 Ruby。

【问题讨论】：

标签： html ruby-on-rails ruby sqlite

【解决方案1】：

您可以使用Enumerable#each_slice 将它们划分为子数组，如下所示：

<table width="80%">
  <% @products.each_slice(6) do |row| %>
    <tr> 
       <% row.each do |product| %>
         <td><%= product.price %>"> <%= image_tag(product.image_url) %> </td>
       <% end %>
    </tr>
  <% end %>
</table>

【讨论】：