Ruby on rails ID 顯示不對(duì)

我嘗試了重新創(chuàng)建table 在終端，但是ID 顯示為4，別人建議我用each_with_index，但是我不知道放在哪里。

相關(guān)代碼

<div class="container">
<div class="row">

<div class="col-xs-3">
  <ul class="list-group">
    <li class="list-group-item">
      類別
      <ul class="list-group">
        <li class="list-group-item">副類別</li>
        <li class="list-group-item">副類別</li>
        <li class="list-group-item">副類別</li>
        <li class="list-group-item">副類別</li>
      </ul>
    </li>
    <li class="list-group-item">
      類別
      <ul class="list-group">
        <li class="list-group-item">副類別</li>
        <li class="list-group-item">副類別</li>
        <li class="list-group-item">副類別</li>
        <li class="list-group-item">副類別</li>
      </ul>
    </li>
  </ul>
</div>
<div class="col-xs-9">
  <div class="row">
    <div class="col-xs-12">
      <div class="jumbotron">
        <h1><%= @ad[:title] %></h1>
        <p><%= @ad[:des] %></p>
        <p><a class="btn btn-primary btn-lg" href="#" role="button"><%= @ad[:action_title] %></a></p>
      </div>
    </div>
  </div>
  <div class="row">   
    <% @products.each do |product| %>
      <div class="col-xs-3">
        <div class="thumbnail">
          <%= image_tag product[:image_url] %>
          <div class="caption">
            <h3><%= "#{product[:id]}. #{product[:name]}" %></h3>
            <p><%= product[:description] %></p>
            <p><a href="#" class="btn btn-primary" role="button">Button</a> <a href="#" class="btn btn-default" role="button">Button</a></p>
          </div>
        </div>
      </div>
    <% end %>
  </div>
    <div class="row">
        <div class= "col-xs-12">
    <nav aria-label="Page navigation">
      <ul class="pagination">
          <% if @page > @first_page %>
        <li>
          <%= link_to root_path(page:(@page-1)) do%>
            <span aria-hidden="true">&laquo;</span>
          <% end %>
        </li>
        <% end %>
        <% (@first_page..@last_page).each do |page_number|%>
          <li><%= link_to page_number,root_path(page:page_number)%> </li>
        <% end %>

        <% if @page < @last_page  %>
        <li>
          <%= link_to root_path(page:(@page+1)) do%>
            <span aria-hidden="true">&raquo;</span>
            <% end %>
        </li>
         <% end %>
      </ul>
    </nav>
        </div>
    </div>
</div>

</div>
</div>

你期待的結(jié)果是什么？實(shí)際看到的錯(cuò)誤信息又是!

我想得到的是

實(shí)際得到的是

這是我創(chuàng)建table在command 端里，id 直接跳過(guò)2，3，4 到了 5. 我該怎么修改才能顯示正確？謝謝大神！
屏幕快照 2018-07-25 下午2.12.34