１.Railsで掲示板を作ってみる

１－６ ビューの修正

標準のままだと殺風景なので、ビューを修正します

①RailsRoute/app/views/webnotes/index.html.erbを以下の通り修正します。

<h1>掲示板</h1>
<style>
table {
  border-collapse: collapse;
  border: solid 1px #000000;
}
td {
  border: solid 1px #000000;
}
th {
  border: solid 1px #000000;
  color:white; 
  background:darkgray;
}
.col_date {width: 100px;}
.col_title {width: 500px;}
.col_user {width: 200px;}
</style>
<table>
  <thead>
    <tr>
        <th class="col_date">作成日</th>
        <th class="col_title">タイトル</th>
        <th class="col_user">作成者</th>
        <th colspan="3">　　　</th>
    </tr>
  </thead>
  <tbody>
    <% @webnotes.each do |webnote| %>
      <tr>
        <td><%= webnote.created_at.strftime("%Y/%m/%d") %></td>
        <td><%= webnote.title %></td>
        <td><%= webnote.create_user %></td>
        <td><%= link_to '詳細', webnote %></td>
        <td><%= link_to '編集', edit_webnote_path(webnote) %></td>
        <td><%= link_to '削除', webnote, method: :delete, data: { confirm: '削除して良いですか?' } %></td>
      </tr>
    <% end %>
  </tbody>
</table>
<br>
<%= link_to '新規作成', new_webnote_path %>