Railsのhtml.erbファイルでしっかりとした枠ありのTABLEを作る方法

Question

配列people_sortedから取り出したハッシュ要素をeachメソッドで取り出し、そのハッシュの値をテーブルに並べるというコードをテンプレートファイルの中で書いております。
各々の要素は当然文字数が違うので、バラバラになります。しっかりと整列させたいです。
以下がコードになります。

<!- html.erb ->

<% people_sorted.each do |person| %>
  <table>
  <tr>
    <td><%= person["Number"] %></td>
    <td><%= person["name"] %></td>
    <td><%= person["nationality"] %></td>
    <td><%= person["living"] %></td>
    <td><%= person["dateOfbirth"] %></td>
  </tr>
  </table>
<% end %>


 

番号　　　　名前　　　国籍　　 　住処　　　誕生日

という感じに並べ

こんな感じの格子に入れたいです。

またeachメソッドの中に<th></th>で見出しを付けると、その内容が1つ1つループしてしまいます。

簡単にできると思ったらなぜか出来ず。。。かなり初歩的なhtmlの質問かもしれませんが。。。よろしくお願いします。

Answer 1

表の中身は、<tr>単位でeachしましょう。

<table>
  <tr>
    <th>番号</th>
    <th>名前</th>
    <th>国籍</th>
    <th>住処</th>
    <th>誕生日</th>
  </tr>
<% people_sorted.each do |person| %>
  <tr>
    <td><%= person["Number"] %></td>
    <td><%= person["name"] %></td>
    <td><%= person["nationality"] %></td>
    <td><%= person["living"] %></td>
    <td><%= person["dateOfbirth"] %></td>
  </tr>
<% end %>
</table>

あとはCSSで適宜調整してください。

Comments

[widget11]

ありがとうございます。すんなり解決しました！