会員登録情報をテーブル形式でDBから順に表示させる考え方について

作ろうとしているもの
【会員登録管理サイト】
１会員登録情報をビューにて登録順に表形式で表示したい
２登録されるごとにビューに表が追加され更新されるようにしたい
という条件で

以下のようにしてしまうと、当然「氏名」の表１の部分にDB登録しているusernameデータが全て取得されます。
findを使えば１つずつは取り出せますが、表を自分で作成している分以上にするための方法が出てきません。
表１の氏名にはID：１の氏名を取得
表２の氏名にはID：２の氏名が取得・・・・・といったように登録数が２０、３０になっても自動的に表が作成され更新されるためには
どのようにしていけば作成できるでしょうか？

div class="main-content">
      <div class="row">
        <div class="col-md-12">
          <table class="table">
            <thead class="thead-dark">
              <tr>
                <th scope="col">#</th>
                <th scope="col">氏名</th>
                <th scope="col">ポイント数</th>
                <th scope="col">ID</th>
              </tr>
            </thead>
            <tbody>
              <tr>
                <th scope="row">1</th>
                <td>
                <% @users.each do |user| %>
                  <%= user.username %><br>
                <% end %>
                </td>
                <td>Otto</td>
                <td>@mdo</td>
              </tr>
              <tr>
                <th scope="row">2</th>
                <td>Jacob</td>
                <td>Thornton</td>
                <td>@fat</td>
              </tr>
              <tr>
                <th scope="row">3</th>
                <td>Larry</td>
                <td>the Bird</td>
                <td>@twitter</td>
              </tr>
            </tbody>
          </table>
        </div>
      </div>
    </div>

行動規範の内容に同意します

回答1件

ベストアンサー

これは単純にHTMLの仕様を誤解しているだけだと思います。
trが行を表し、th, tdが列を表します。
従って、ループするべきなのはtrです。
1行目のthのtrはループしないので、正確には2行目からとなります。
全体の構造としては、こんな感じです。

html
1<table>
2  <tbody>
3    <tr>
4      <th>見出し1</th>
5      <th>見出し2</th>
6    </tr>
7    <tr>
8      <td></td>
9      <td></td>
10      ...
11    </tr>
12    <tr>
13      <td></td>
14      <td></td>
15      ...
16    </tr>
17    ...
18  </tbody>
19</table>

これをrailsで書くとこうなります。

ruby
1<table>
2  <tbody>
3    <tr>
4      <th>見出し1</th>
5      <th>見出し2</th>
6      ...
7    </tr>
8  <% @users.each do |user| %>
9    <tr>
10      <td><%= user.xxx %></td>
11      <td><%= user.xxx %></td>
12      ...
13    </tr>
14  <% end %>
15  </tbody>
16</table>