Прежде всего, я использую этот Ruby: ruby 2.5.1p57 и этот Rails: Rails 5.2.1 в системе под управлением Linux Mint 19. Я добавил эти строки в свой Gemfile:
gem 'jquery-rails'
gem 'jquery-ui-rails'
gem 'jquery-datatables-rails'
Затем я запустил это:
$ bundle install
$ rails generate jquery:datatables:install
, который добавил //= require dataTables/jquery.dataTables
в мои application.js
и *= require dataTables/jquery.dataTables
в мои application.css
.
Это мой views/streets/index.html.erb
:
<h1>Streets</h1>
<table id="streets" width="100%">
<thead>
<tr>
<th>Street name</th>
<th>Description</th>
<th colspan="3">Options</th>
</tr>
</thead>
<tbody>
<% @streets.each do |street| %>
<tr>
<td><%= street.name %></td>
<td><%= street.descripcion %></td>
<td><%= link_to 'Show', street %></td>
<td><%= link_to 'Edit', edit_street_path(street) %></td>
<td><%= link_to 'Destroy', street, method: :delete, data: { confirm: 'Are you sure?' } %></td>
</tr>
<% end %>
</tbody>
</table>
и это мой app/javascripts/streets.coffee
jQuery ->
$('#streets').DataTable()
Я немного застрял здесь, так как таблица показывает только ту же HTML-таблицу, что и всегда, за исключением горизонтальной черной линии подзаголовки таблицы.Согласно эпизоду 340 RailsCasts, того, что я сделал, должно быть достаточно, чтобы изменить внешний вид моего стола, но это не так.
Я очень плохо знаком с Ruby on Rails и не специалист по Jquery, поэтому мой вопросКак я могу получить это работает по крайней мере с нумерацией страниц?