railsを使ってテーブルの列毎に任意の値が入るようにしたい

Question

railsを使ったサイトで、デザインにbootstrapを使用しているのですが、each文で各列毎に挿入したい「名前」が、以下のようになってしまいます。

テーブルの列毎に任意の名前が入るようにしたいのですがどうしたらいいでしょうか？

    <!--table-->
    <div class="opp bg-dark" style="padding:200px" >
    <div class="container">
          <div class="row">
            <div class="col-sm-2"></div>
            <div class="col-sm-8">
                <div class="table-responsive">
            	<table class="table table-bordered">
            		<thead>
            			<tr>
            			    <th style="padding:20px 10px">写真</th>
            				<th style="padding:20px 10px display: table-cell; vertical-align: middle; text-align: center;">名前</th>
            				<th style="padding:20px 10px"></th>
            			</tr>
            		</thead>
            		<tbody>
            		    
            			<tr>
            			    <td>写真</td>
            				<td style="padding:20px 10px display: table-cell; vertical-align: middle; text-align: center;">
            				    <% @posts.each do |post| %>
                                <div class="posts-index-item">
                                    <%= post.content %>
                                <% end %>
                                </div>
            				</td>
            				<td>
            				    <div class="dropdown">
                                	<button class="btn btn-default dropdown-toggle" type="button" data-toggle="dropdown">
                                		詳細
                                		<span class="caret"></span>
                                	</button>
                                	<ul class="dropdown-menu" role="menu">
                                		<li role="presentation"><a href="#">
                                                    <% @posts.each do |post| %>
                                				    <div class="posts-index-item">
                                                        <%= post.content %>
                                                    </div>
                                                    <% end %>
                                		</a></li>
                                	</ul>
                                </div>
            				</td>
            			</tr>
            			
            		</tbody>
            	</tab![イメージ説明](318f7fa5dfb47a7e524acd44f73f4b6c.png)          </div>
            </div>
            <div class="col-sm-2"></div>
          </div>
    </div>
    </div>
    </div>
       <!--table.end-->

Answer 1

あなたの場合は、scaffoldコマンドの使い方をまず学習した方が近道です。
以下はscaffoldコマンドで自動で生成されるhtmlファイルの一部ですが、テーブルのレイアウトで行毎にデータを出力したい場合tr要素を繰り返し生成させます。

<tbody>
  <% @messages.each do |message| %>
    <tr>
      <td><%= message.title %></td>
      <td><%= message.message %></td>
      <td><%= link_to 'Show', message %></td>
      <td><%= link_to 'Edit', edit_message_path(message) %></td>
      <td><%= link_to 'Destroy', message, method: :delete, data: { confirm: 'Are you sure?' } %></td>
    </tr>
  <% end %>
</tbody>

なので省略していますが、基本レイアウトとしては下記のようになるはずです

<% @posts.each do |post| %>
  <tr>
    <td>写真</td>
    <td><%= post.content %></td>
  </tr>
<% end %>       

Comments

[renren643]

scaffoldコマンドで生成される雛形に沿ってアレンジした方が早い
ということですか？