【rails】登録した情報を表にして連番を振る方法

Question

登録した情報を表にして連番を振りたいのですが、idが表示されて連番にならず困っています。

下記の図で、id欄の数字が飛び飛び（2,7,8,9,10）になっています。
登録情報を数件削除しているのが原因ですが、これを取得したfabric.idではなく
連番で表示させるにはどうすればよろしいでしょうか？

idの欄をfabric.idではなく1,2,3,4,5と表示させたいです。

<!-- app/views/fabrics/index.html.erb -->

<h1>生地リスト</h1>
<p>オリジナル生地をカテゴライズしました。</p>

<div class="main posts-index">
  <div class="container">
    <% @fabrics.each do |fabric| %>
    <div class="posts-index-item">
  
  <table border="1">
  <tr>
    <th>id</th>
    <th>品番</th>
    <th>カテゴリー</th>
    <th>ブランド</th>
    <th></th>
  </tr>

  <tr>
    <td><%= fabric.id %></td> <!--ここを連番で表示させたい -->
    <td><%= fabric.number %></td>
    <td><%= fabric.category %></td>
    <td><%= fabric.brand %></td>
    <td><%= link_to("詳細", "/fabrics/#{fabric.id}") %></td>
  </tr>
  </table>

  <% end %>
  </div>
  <br>
  <%= link_to("新規生地登録", "/fabrics/new") %></td>
  
  </div>

# app/views/controllers/fabrics_controller.rb

class FabricsController < ApplicationController
  def index # 生地リストのページ
    @fabrics = Fabric.all
  end

  def new
  end

  def create 
    @fabric = Fabric.new(number: params[:number], category: params[:category], uchikomi: params[:uchikomi],
    organization: params[:organization], standard: params[:standard], fabricImg: params[:fabricImg], brand: params[:brand],
    hardness: params[:hardness], thickness: params[:thickness], glossiness: params[:glossiness])

    @fabric.save
    redirect_to("/fabrics/#{@fabric.id}")
  end

Answer 1

今回はfor文でデータを順番に表示するようにされているので 、
「fabric.id」 ではなく、「それが何個目の要素か」を表示することで、
「連番で表示」を再現できます。

例えば、以下のようにすると再現できると思います。

<% @fabrics.each_with_index do |fabric, i| %>
  <tr>
    <td><%= i %></td> <!--ここを連番で表示させたい -->
    <td><%= fabric.number %></td>
    <td><%= fabric.category %></td>
    <td><%= fabric.brand %></td>
    <td><%= link_to("詳細", "/fabrics/#{fabric.id}") %></td>
  </tr>
<% end %>

each_with_indexの使い方はこの記事とかの読んでみてください！

Comments

[kazuki0714]

ありがとうございます、できました！
i+1にして0からでなく、1からスタートさせてみました！

[hatsu]

確かに表の見た目は1からがいいですね！
解決できたようで良かったです☺️

Answer 2

hatsu様にいただいたアドバイスを元にこっちでも書けました。

どちらでもいいと思うのでやりやすい方を選んでいただけたらと。

@fabrics.each.with_index(1) do |fabric, i|

【変更点】
fabrics_eachをfabrics.eachに変えてindex(1)にすると表示されました。