jquery-datatables-rails sort arrows not showing up in development environment
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
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)
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
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 (220.127.116.11.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:
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
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.
- 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;'