Datatables ruby on rails 4

Question

I followed https://github.com/rweng/jquery-datatables-rails exactly . Cannot get dataTables to work.

In index.html.erb

<table id = "funds12">
<thead>
  <tr>
    <th>Fund Name</th>
    <th>Category</th>
    <th>YTD</th>

  </tr>
</thead>
<tbody>
  <% @funds.each do |fund| %>
    <tr>
      <td><%= link_to "#{fund.scheme_name}", fund_path(fund.id) %><td>
      <td><%= fund.category %></td>
      <td><%= fund.fund_ytd %></td>
    </tr>
  <% end %>
 </tbody>
</table>


<script>
  $(document).ready(function() {
    $('#funds12').dataTable();
  } );

</script>

In application.js

//= require jquery
//= require turbolinks
//= require_tree .
//= require jquery_ujs
//= require dataTables/jquery.dataTables

In application.css.scss

*= require_self
 *= require_tree .
 *= require dataTables/jquery.dataTables

gem file

gem 'jquery-datatables-rails', git: 'git://github.com/rweng/jquery-datatables-rails.git'

Have tried a lot of options, only a table shows up with no functionalities of datatables. Using rails 4 Does the gem add new folders and files to your app, if so nothing is added in my app

no answers ??? any hint will also b of great help

Varun Mundra
– Varun Mundra

2013-11-28 13:50:19 +00:00
Commented Nov 28, 2013 at 13:50 — Varun Mundra
– Varun Mundra, Commented Nov 28, 2013 at 13:50
post gem file? or part your inserted datatable gem

Raj Adroit
– Raj Adroit

2014-01-02 06:11:05 +00:00
Commented Jan 2, 2014 at 6:11 — Raj Adroit
– Raj Adroit, Commented Jan 2, 2014 at 6:11

Baby Groot · Accepted Answer · 2014-08-12 08:30:55Z

2

Turbolinks and Datatables can coexist if you can initialize the table on $(document).on "page:change" instead of $(document).ready as described here.

edited Aug 12, 2014 at 8:30

Baby Groot

4,27939 gold badges55 silver badges70 bronze badges

answered Aug 12, 2014 at 8:22

sprocket

557 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Seanathon · Accepted Answer · 2014-04-16 18:22:24Z

0

I was having a similar problem earlier and had fixed it by carefully following this tutorial: http://railscasts.com/episodes/340-datatables?view=comments The author of this tutorial may not be using the same gem that you're using however this video is helpful either way.

Also, I'm curious to know if you've tried listing dataTables/jquery.dataTables higher up in your asset pipeline. If you're using Google Chrome try opening up your developer tools (F12), click the Resources tab, then click past the Frames folder and find and select Scripts. Here you'll find your scripts, in what order they've loaded and if there are any errors.

I hope this helps (even if a little bit)!

edited Apr 16, 2014 at 18:22

answered Jan 29, 2014 at 0:39

Seanathon

396 bronze badges

Comments

Hammam · Accepted Answer · 2014-07-20 11:39:27Z

0

I was facing the same issue even after following ryan bates cast. Disabling turbolinks in rails4 or setting data-no-turbolink to true in the hyperlink addressing the page containing the table fixed the issue.

answered Jul 20, 2014 at 11:39

Hammam

763 bronze badges

Comments

user2573222 · Accepted Answer · 2014-12-10 19:37:01Z

0

Not sure if this is the cause of your problem but this line needs to be at the end of the list.

//= require_tree .

answered Dec 10, 2014 at 19:37

user2573222

2074 silver badges15 bronze badges

Comments

user2499998 · Accepted Answer · 2015-08-09 14:00:56Z

0

There's an updated, separate branch that I referred to and was successfully in getting datatables to work with my Rails 4 app .... Try this out https://github.com/antillas21/ajax-datatables-rails/tree/v-0-4-0#customize-the-generated-datatables-class

answered Aug 9, 2015 at 14:00

user2499998

17513 bronze badges

Collectives™ on Stack Overflow

Datatables ruby on rails 4

5 Answers 5

Comments

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related