jquery-datatables-rails sort arrows not showing up in development environment

sort_asc.png download
datatable sorting icon not showing
jquery.datatables.min.js 1.9 download
css images sort_both png 404 not found
jquery datatable pagination example code
datatables cdn
jquery 3.3 1 datatables
datatables jquery version

I have a new rails install. I followed the instructions on this page exactly: https://github.com/rweng/jquery-datatables-rails

When I try to view a datatable, I get these errors:

GET http://localhost:3000/images/sort_both.png 404 (Not Found)
GET http://localhost:3000/images/sort_asc.png 404 (Not Found)

In config/environments/development.rb I've tried changing the following settings:

config.assets.debug = false #and also tried true
config.serve_static_assets = true #and also tried false
config.assets.enabled = true

I've also tried running rake assets:precompile

Not sure what I'm missing here. Any help would be greatly appreciated.

Sortable Arrow Images Not Showing · Issue #3 · DevanB/datatables , I use datatables-rails-bs3 with my Rails 4 project, and I got an exception in production mode Sortable Arrow Images Not Showing #3 require dataTables​/jquery. Give me a few days to fix it, and I'll respond here after the new version is published! -dev. Sign up for free to join this conversation on GitHub. Woah, it's been a while! I'll try updating the gem to solve @bbtfr's problem.. While I'm doing that, I'll look into your problem @avinashl3175.. Thanks for using the gem. Give me a few days to fix it, and I'll respond here after the new version is published!

I had the same problem and fixed it using a different version of the jquery.dataTables.min.css file, where the images are written as strings rather than as references to a file.

Help with misaligned sort indicators, Hi, I'm not sure how to debug this problem. 10.9.3 with Ruby 2.1.2, Rails 4.1.4, and jquery-datatables-rails (2.1.10.0.2). Note: I've zoomed up the image for clarity. Inspect the sort indicator using chrome dev tools or a similar program, in dev tools and see what's causing the extra sort icons to appear. jQuery dataTable doesn't show sort icon. I am trying to use a jQuery dataTable plugin. The problem is that the sort icon (this arrow which point in which direction data is actual sorted) is not displayed.

For me it worked just by changing the below:

background:url('../images/sort_desc.png')
background:url('../images/sort_asc.png')

to

background:url('/assets/sort_desc.png')
background:url('/assets/sort_asc.png')

NOTE: please make sure you add the images to assets/images folder

Working with jQuery DataTables, In this article we'll go through the basics of the jQuery DataTable and how to use 1.9.4 is the current stable version and 1.10 is in development now. Copy-​paste this code to an html page and open it up in a browser. Note that the sorting icon is missing in the second column, because sorting based on  jquery-datatables-rails sort arrows not showing up in development environment production environment exception page shows in development environment. 1

i can find one more solution just add 2 pure white background .png imgaes in images folder of ui solution and save it as

sort_both.png ans sort_asc.png

basically this images are set the background to header of datatable

Bootstrap 4 datatables 2, To start working with DataTables, please see the "Getting Started" tab on this page. An example is given in the "JavaScript" tab in the code below. @lvarayut After reading the source code, I understand why the author makes it so simple. And here is my solution. I prefer to add the sort arrows right to text. (If column text is right aligned, it'd be better to move arrows to the left)

jquery-datatables-rails by rweng, jquery-datatables-rails by rweng - jquery-datatables gem for rails. sort arrows not showing up in development environment; Upgrade to  DataTables is a nifty jQuery plugin that adds the ability to paginate, sort, and search your html tables. When dealing with large tables (more than a couple of hundred rows) however, we run into performance issues. These can be fixed by using server-side pagination, but this breaks some DataTables

Datatable sort icons missing, js,jquery.dataTables.min.js and another images folder to hold the sort icons to be displayed beside colums. If i am refring all these files on  jquery-datatables-rails. This gem packages the jQuery DataTables plugin for easy use with the Rails 3.1+ asset pipleine. It provides all the basic DataTables files, and a few of the extras. Important. The current gem is released without updated plugins.

#340 DataTables, One noticeable trend I'm finding others do, which I will not, is to jQuery UI, datatables, and a host of other jQuery related feature code works great right out of the box. Some gem authors update their code and keep it up to date, and + link_to(image_tag('icons/show.png', :title => "Show " +page.name),  DataTables makes it easy to convert a plain HTML table into one with pagination, sorting, and searching - all done with JavaScript and jQuery. Here I show how to set this up and use a Rails application as the data source.

Comments
  • This is pretty much exactly what I was thinking.
  • I change vendor/assets/stylesheets/plugins/dataTables.bootstrap.css Replace 'background: url('../images/sort_desc_disabled.png') no-repeat center right;' with 'background: url('/assets/images/sort_desc_disabled.png') no-repeat center right;'