Making a table row into a link in Rails

Question

I am trying to make a row in a table link to the edit page. I know the links are being created, because I can print them out. I am close, but am missing something importan

Answer 1

I am new on rails and I have the same problem and use the Ryan's advise with some changes that are following -

$("tr").click(function() { window.location = $(this).data("link") })

You have to use $(this).

Answer 2

Here is my take to make those links, remote: true

$("tr[data-link]").click(function () {
    $.ajax({
        url: this.getAttribute('data-link'),
        dataType: "script",
        type: "GET"
    });
    event.preventDefault();
});

Answer 3

For anyone using bootstrap 4 or higher, simply add this class to the img tag

rounded-circle

I found that solution here

Answer 4

Simple Solution: add a link into a table cell:

This doesn't answer your question, but it provides a solution to the problem you are likely really after: just add an edit link into a cell, rather than on the table row because having a link on the table row itself may lead to expected results for users. If they are clicking on it, they might not want to be led to an edit link.

Like my grandpa used to say: KISS - Keep It Simple Stupid

    <% @scouts.each do |scout| %>
        <tr>
         <!-- Simply edit the scout -->
          <td> <%= link_to edit_scout_path(scout), "Edit Scout" %> </td>      
          <td><%= scout.name %></td>
          <td><%= scout.rank %></td>
          <td><%= scout.advancement %></td>
          <td><%= scout.age %></td>
        </tr>

Answer 5

As Robin said, that's invalid HTML. You probably shouldn't do that.

I personally would put an onclick event on the tr using jQuery. The tr element would look like this:

<tr data-link="<%= edit_scout_path(scout) %>">
   ...
</tr>

And then the associated JavaScript (placed in a file such as app/assets/javascripts/scouts.js) would be something like this:

$("tr[data-link]").click(function() {
  window.location = $(this).data("link")
})

This would make all tr elements that have a data-link attribute act as if they were URLs in the most unobtrusive way I can think possible.