application.js

// This is a manifest file that'll be compiled into application.js, which will include all the files
// listed below.
//
// Any JavaScript/Coffee file within this directory, lib/assets/javascripts, vendor/assets/javascripts,
// or any plugin's vendor/assets/javascripts directory can be referenced here using a relative path.
//
// It's not advisable to add code directly here, but if you do, it'll appear at the bottom of the
// compiled file.
//
// Read Sprockets README (https://github.com/rails/sprockets#sprockets-directives) for details
// about supported directives.
//
//= require jquery
//= require jquery_ujs
//= require turbolinks
//= require_tree .
//= require jquery-ui/sortable

data_models_sortable.coffee

jQuery ->
  $('.table-sortable').sortable
    axis: 'y'
    items: '.item'

index.html.erb

<p id="notice"><%= notice %></p>

<h1>Listing Data Models</h1>

<table class="table-sortable">
  <thead>
    <tr>
      <th>Name</th>
      <th>Description</th>
      <th colspan="3"></th>
    </tr>
  </thead>

  <tbody>
    <% @data_models.each do |data_model| %>
      <tr class="item">
        <td><%= data_model.name %></td>
        <td><%= data_model.description %></td>
        <td><%= link_to 'Show', data_model %></td>
        <td><%= link_to 'Edit', edit_data_model_path(data_model) %></td>
        <td><%= link_to 'Destroy', data_model, method: :delete, data: { confirm: 'Are you sure?' } %></td>
      </tr>
    <% end %>
  </tbody>
</table>

<br>

<%= link_to 'New Data model', new_data_model_path %>