Rails Bootstrap动态选项卡

Question

我目前有一个允许用户访问位置的应用程序，并且在该位置内存在相关产品。

现在他们只是列在一张桌子里。

我想将该表转换为表格式，因此可以在里面列出有关该产品的更多详细信息。

我正在研究表格引导程序，但大多数示例都基于静态内容，而不是动态内容。

当在后端创建产品并将其分配到某个位置时，我需要一个标签来自动生成产品标题，然后将内容与该产品相关联。

想要在相同的位置视图中显示内容，而不是在用户点击选项卡名称时将用户重定向到另一个页面。

有人可以建议一个地方开始吗？

产品部分

 <table class="table">
    <tbody>
        <% @products.each do |product| %>
     <tr>
        <td><%= product.name %></td>
     </tr>
    <% end %>
   </tbody>
 </table>

这似乎有效，但看起来并不干净

<ul class="nav nav-tabs">
   <% @products.each do |product| %>
   <li><a href="#<%= product.id %>" data-toggle="tab"><%= product.name %></a></li>
 <% end %>
 </ul>
 <div class="tab-content">
<% @products.each do |product| %>
        <div class="tab-pane" id="<%= product.id %>"><%= product.sku %></div>
<% end %>
 </div>