link_toの適用範囲を広げる

修正前

     <table class="table table-hover offset-md-1">
        <% users.each do |user| %>
          <tbody>
            <tr>
              <td>
                <%= link_to  user_path(user) do %>
                  <%= attachment_image_tag(user, :profile_image, format: 'jpeg', fallback: "user_image.jpg", size:'50x50', class: "user-image") %>
                <% end %>
              </td>
            </tr>
          </tbody>
        <% end %>
      </table>

このままだと、attachment_image_tagの範囲しかlink_toが適用されない、、

修正後

     <table class="table table-hover offset-md-1">
        <% users.each do |user| %>
          <tbody>
            <tr onclick='window.location="<%= user_path(user) %>"' role="link">
              <td>
                <%= attachment_image_tag(user, :profile_image, format: 'jpeg', fallback: "user_image.jpg", size:'50x50', class: "user-image") %>
              </td>
              <td><%= user.name %></td>
            </tr>
          </tbody>
        <% end %>
      </table>

tr に JavaScript の windowオブジェクトを追加して遷移させることができる。

<tr onclick='window.location="<%= user_path(user) %>"' role="link">

問題点

画面遷移はできるがマウスオーバーした時にポインターにならない。

tr {
  cursor: pointer;
}

これで改善！