<table>内の内容が一番最後になってしまう

Question

実現したいこと

BooksとNew booksの間に
一番下にあるTitle Bodyを入れたい。

index.html.erbのところでは
記入したい場所にコードを記入しているのですが、
デベロッパーツールで見ると
一番下に記入されてしまっています。

試したこと

スペル間違いがないか調べる

補足情報

ruby on rails で投稿機能などを作る練習をしています。

<h1>Books</h1>
<table>
  <theader>
    <tr>
      <th>Title</th>
      <th>Body</th>
      <th></th>
    </tr>
  </theader>

  <tbody>
    <tr><% @books.each do |book| %></tr>
      <td><%= book.title %></td>
      <td><%= book.body %></td>
  </tbody>
</table>


![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2023-03-14/ae21476e-bedc-48a0-9e55-13d5b8fe7b26.png)

Answer 1

スペル間違いがないか調べる

<theader>ではなく<thead>です。

Comments

[kuuumi]

<thead>に変更したのですが、ファイル上では順序はあっているのですが、どうしてもデベロッパーツールで見ると<table>内の中身が
一番最後に出てきてしまいます。

[maisumakun]

<% @books.each do |book| %>と対応するendはどこにありますか？

[kuuumi]

</table>の下にあります。

[maisumakun]

中身を繰り返しますので、</tr>や</table>だけが（開始タグ無しで）@booksの中身の数だけ繰り返されることになります。

@booksの中身が複数個になれば、明らかにタグの開閉が対応しません。

[kuuumi]

解決できました。endの位置が間違っていました。
ありがとうございます。