Я пытаюсь отсортировать столбец таблицы, щелкая заголовок, не загружая страницу.

Question

То, что я пытаюсь сделать, это когда пользователь нажимает на заголовки рядом с сортировочной ссылкой, я хочу, чтобы она загружалась без обновления всей страницы. Как бы я добавил это в свой код?

Помощники

module ListsHelper
  def sort_link(column, title = nil)
   title ||= column.titleize
   direction = column == sort_column && sort_direction == "asc" ? "desc" : "asc"
   icon = sort_direction == "asc" ? "fas fa-chevron-up" : "fas fa-chevron-down"
   icon = column == sort_column ? icon : ""
   link_to "#{title} <i class='#{icon}'></i>".html_safe, params.merge(:sort => column, direction: direction)
 end
end

вид

<div class="demo">
  <br>
  <table class="table is-responsive is-fullwidth">
    <h1>Click header to sort</h1>
    <thead>
      <tr>
        <th><%= sort_link 'Name'%></th>
        <th><%= sort_link 'Date' %></th>
        <th><%= sort_link 'Number' %></th>
        <th><%= sort_link 'Description' %></th>
        <th colspan="3"></th>
      </tr>
    </thead>
    <% @lists.each do |list| %>
    <tbody>
      <tr>
        <td><%= list.name %></td>
        <td><%= list.date %></td>
        <td><%= list.number %></td>
        <td><%= list.description %></td>
        <td><%= link_to 'Show', list %></td>
        <td><%= link_to 'Edit', edit_list_path(list) %></td>
        <td><%= link_to 'Destroy', list, method: :delete, data: { confirm: 'Are you sure?' } %></td>
      </tr>

    </tbody>
    <% end %>
  </table>

</div>

Answer 1

Я наконец-то исправил проблему.

Проблема заключалась в том, что у меня был пульт: true внутри

link_to "#{title} <i class='#{icon}'></i>".html_safe, params.merge(:sort => column, direction: direction, remote: true)

вместо

link_to "#{title} <i class='#{icon}'></i>".html_safe, params.merge(:sort => column, direction: direction), remote: true