blocks|key|1174596|text|也许有人会给出一个更好的答案。我就是这样修好的。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1174597|我把宝石扔掉了。从数据表网站下载javascript和css文件|offset|length|1174598|jquery.dataTables.min.css|unordered-list-item|1174599|jquery.dataTables.min.js|1174600|将这些文件分别放在vendor/assets/stylesheets和vendor/assets/javascripts中。|style|CODE|1174601|我下载了从这里丢失的图像并将它们插入我创建的vendor/assets/images文件夹中。|1174602|我在jquery.dataTables.min.css中对文本进行了替换，并将“/映像/”替换为"/assets/“。|1174603|这就解决了问题。希望这能帮上忙。|1174604|entityMap|0|LINK|mutability|MUTABLE|url|http://www.datatables.net/|1|http://cdn.datatables.net/1.10.4/css/jquery.dataTables.min.css|2|http://cdn.datatables.net/1.10.4/js/jquery.dataTables.min.js|3|http://cdnjs.com/libraries/datatables^0|0|9|5|0|0|0|P|1|0|0|O|2|0|9|P|Z|P|0|M|K|4|8|3|0|2|P|0|0^^$0|@$1|2|3|4|5|6|7|18|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|19|8|@]|9|@$D|1A|E|1B|1|1C]]|A|$]]|$1|F|3|G|5|H|7|1D|8|@]|9|@$D|1E|E|1F|1|1G]]|A|$]]|$1|I|3|J|5|H|7|1H|8|@]|9|@$D|1I|E|1J|1|1K]]|A|$]]|$1|K|3|L|5|6|7|1L|8|@$D|1M|E|1N|M|N]|$D|1O|E|1P|M|N]]|9|@]|A|$]]|$1|O|3|P|5|6|7|1Q|8|@$D|1R|E|1S|M|N]]|9|@$D|1T|E|1U|1|1V]]|A|$]]|$1|Q|3|R|5|6|7|1W|8|@$D|1X|E|1Y|M|N]]|9|@]|A|$]]|$1|S|3|T|5|6|7|1Z|8|@]|9|@]|A|$]]|$1|U|3|-4|5|6|7|20|8|@]|9|@]|A|$]]]|V|$W|$5|X|Y|Z|A|$10|11]]|12|$5|X|Y|Z|A|$10|13]]|14|$5|X|Y|Z|A|$10|15]]|16|$5|X|Y|Z|A|$10|17]]]]

Perhaps someone will present a better answer. This is how I fixed it.

I got rid of the gem. Downloaded the javascript and css files from the <a href="http://www.datatables.net/">datatables website</a>:

<ul>
<li><a href="http://cdn.datatables.net/1.10.4/css/jquery.dataTables.min.css">jquery.dataTables.min.css</a></li>
<li><a href="http://cdn.datatables.net/1.10.4/js/jquery.dataTables.min.js">jquery.dataTables.min.js</a></li>
</ul>

Put these files in <code>vendor/assets/stylesheets</code> and <code>vendor/assets/javascripts</code> respectively.

I downloaded the <a href="http://cdnjs.com/libraries/datatables">missing images from here</a> and stuck them in my <code>vendor/assets/images</code> folder that I created.

I did a replace all on the text in <code>jquery.dataTables.min.css</code> and replaced "/images/" with "/assets/"

And that fixed it. Hope this helps someone.

blocks|key|1440811|text|我也遇到了同样的问题，并使用不同版本的jquery.dataTables.min.css文件修复了它，在这个版本中，图像是作为字符串而不是作为对文件的引用编写的。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1440812|entityMap|0|LINK|mutability|MUTABLE|url|https://github.com/rstudio/DT/blob/master/inst/htmlwidgets/lib/datatables/css/default/jquery.dataTables.min.css^0|J|P|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@$A|M|B|N|1|O]]|C|$]]|$1|D|3|-4|5|6|7|P|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]]]

I had the same problem and fixed it using a different version of the <a href="https://github.com/rstudio/DT/blob/master/inst/htmlwidgets/lib/datatables/css/default/jquery.dataTables.min.css" rel="nofollow">jquery.dataTables.min.css</a> file, where the images are written as strings rather than as references to a file.

blocks|key|1179958|text|对我来说，它只是通过改变下面的内容而起作用：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1179959|background:url('../images/sort_desc.png')
background:url('../images/sort_asc.png')|code-block|syntax|javascript|1179960|至|1179961|background:url('/assets/sort_desc.png')
background:url('/assets/sort_asc.png')|1179962|注意:请确保将图像添加到资产/图像文件夹中。|offset|length|style|BOLD|1179963|entityMap^0|0|0|0|0|C|5|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|T|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|U|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|V|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|W|8|@$M|X|N|Y|O|P]]|9|@]|A|$]]|$1|Q|3|-4|5|6|7|Z|8|@]|9|@]|A|$]]]|R|$]]

For me it worked just by changing the below:

<pre><code>background:url('../images/sort_desc.png')
background:url('../images/sort_asc.png')
</code></pre>

to

<pre><code>background:url('/assets/sort_desc.png')
background:url('/assets/sort_asc.png')
</code></pre>

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

blocks|key|1179987|text|我可以找到更多的解决方案，只需在ui解决方案的图片文件夹中添加2个纯白色背景.png+imgaes，并将其保存为|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1179988|sort_both.png和sort_asc.png|1179989|基本上，这些图像是将背景设置为datatable的标题。|1179990|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|H|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|I|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|J|8|@]|9|@]|A|$]]|$1|F|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|G|$]]

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

blocks|key|1174644|text|我也有同样的问题，这就是我解决的问题。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1174645|<style>
++++table.dataTable+thead+.sorting+{
++++++++background:+url("/Content/DataTables/images/sort_both.png")+no-repeat+center+right;
+++++++++}+
++++table.dataTable+thead+.sorting_asc+{
++++++++background:+url("/Content/DataTables/images/sort_asc.png")+no-repeat+center+right;
++++++++}
++++table.dataTable+thead+.sorting_desc+{
++++++++background:+url("/Content/DataTables/images/sort_desc.png")+no-repeat+center+right;
+++++++}
</style>|code-block|syntax|javascript|1174646|它只是一个快速的修复，而不改变提供的文件中的任何东西。别忘了改变|1174647|/Content/DataTables/images/|1174648|相应地|1174649|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|Q|8|@]|9|@]|A|$]]|$1|I|3|J|5|6|7|R|8|@]|9|@]|A|$]]|$1|K|3|L|5|6|7|S|8|@]|9|@]|A|$]]|$1|M|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|N|$]]

I had same problem and this is what I settled with 

<pre><code>&lt;style&gt;
 table.dataTable thead .sorting {
 background: url("/Content/DataTables/images/sort_both.png") no-repeat center right;
 } 
 table.dataTable thead .sorting_asc {
 background: url("/Content/DataTables/images/sort_asc.png") no-repeat center right;
 }
 table.dataTable thead .sorting_desc {
 background: url("/Content/DataTables/images/sort_desc.png") no-repeat center right;
 }
&lt;/style&gt;
</code></pre>

It just a quick fix without changing any thing in the supplied files. 
Dont forget to change [ /Content/DataTables/images/ ] accordingly

blocks|key|1174722|text|1.从此处下载图像:|type|unstyled|depth|inlineStyleRanges|offset|length|style|BOLD|entityRanges|data|1174723|https://cdnjs.com/libraries/datatables|1174724|​|1174725|📷|atomic|1174726|1174727|2.在资产中创建datatable文件夹并将图像放入其中|1174728|1174729|1174730|1174731|3.在style.scss或style.css中添加以下代码:|1174732|table.dataTable+thead+.sorting+{
++++background-image:+url("./assets/datatable/sort_both.png");
}

table.dataTable+thead+.sorting_asc+{
++++background-image:+url("./assets/datatable/sort_asc.png")+!important;
}

table.dataTable+thead+.sorting_desc+{
++++background-image:+url("./assets/datatable/sort_desc.png")+!important;
}

table.dataTable+thead+.sorting_asc_disabled+{
++++background-image:+url("./assets/datatable/sort_asc_disabled.png");
}

table.dataTable+thead+.sorting_desc_disabled+{
++++background-image:+url("./assets/datatable/sort_desc_disabled.png");
}|code-block|syntax|javascript|1174733|entityMap|0|LINK|mutability|MUTABLE|url|1|IMAGE|IMMUTABLE|imageUrl|https://developer.qcloudimg.com/http-save/yehe-900000/2be2d1f0f6dac355211ce1f939272cc7.png|imageAlt|2|https://developer.qcloudimg.com/http-save/yehe-900000/04b93121ea3de707a896566c1c35b1f8.png^0|0|A|0|0|12|0|0|0|0|1|1|0|0|0|S|0|0|0|1|2|0|0|0|V|0|0^^$0|@$1|2|3|4|5|6|7|1E|8|@$9|1F|A|1G|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|1H|8|@]|D|@$9|1I|A|1J|1|1K]]|E|$]]|$1|H|3|I|5|6|7|1L|8|@]|D|@]|E|$]]|$1|J|3|K|5|L|7|1M|8|@]|D|@$9|1N|A|1O|1|1P]]|E|$]]|$1|M|3|I|5|6|7|1Q|8|@]|D|@]|E|$]]|$1|N|3|O|5|6|7|1R|8|@$9|1S|A|1T|B|C]]|D|@]|E|$]]|$1|P|3|I|5|6|7|1U|8|@]|D|@]|E|$]]|$1|Q|3|K|5|L|7|1V|8|@]|D|@$9|1W|A|1X|1|1Y]]|E|$]]|$1|R|3|I|5|6|7|1Z|8|@]|D|@]|E|$]]|$1|S|3|T|5|6|7|20|8|@$9|21|A|22|B|C]]|D|@]|E|$]]|$1|U|3|V|5|W|7|23|8|@]|D|@]|E|$X|Y]]|$1|Z|3|-4|5|6|7|24|8|@]|D|@]|E|$]]]|10|$11|$5|12|13|14|E|$15|G]]|16|$5|17|13|18|E|$19|1A|1B|-4]]|1C|$5|17|13|18|E|$19|1D|1B|-4]]]]

1. Download Image From Here :
<a href="https://cdnjs.com/libraries/datatables" rel="nofollow noreferrer">https://cdnjs.com/libraries/datatables</a>
<a href="https://i.stack.imgur.com/lTYhh.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/lTYhh.png" alt="enter image description here" /></a>
2. create datatable folder inside assets and put images inside it
<a href="https://i.stack.imgur.com/cfeci.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/cfeci.png" alt="enter image description here" /></a>
3. in your style.scss or style.css add below code :
<pre><code>table.dataTable thead .sorting {
 background-image: url(&quot;./assets/datatable/sort_both.png&quot;);
}

table.dataTable thead .sorting_asc {
 background-image: url(&quot;./assets/datatable/sort_asc.png&quot;) !important;
}

table.dataTable thead .sorting_desc {
 background-image: url(&quot;./assets/datatable/sort_desc.png&quot;) !important;
}

table.dataTable thead .sorting_asc_disabled {
 background-image: url(&quot;./assets/datatable/sort_asc_disabled.png&quot;);
}

table.dataTable thead .sorting_desc_disabled {
 background-image: url(&quot;./assets/datatable/sort_desc_disabled.png&quot;);
}
</code></pre>

I have a new rails install. I followed the instructions on this page exactly: <a href="https://github.com/rweng/jquery-datatables-rails" rel="noreferrer">https://github.com/rweng/jquery-datatables-rails</a>

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

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

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

<pre><code>config.assets.debug = false #and also tried true
config.serve_static_assets = true #and also tried false
config.assets.enabled = true
</code></pre>

I've also tried running <code>rake assets:precompile</code>

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

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

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

教程

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云智能顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云AI代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

功能1上新10个字符

功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符。

功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符。

功能5描述100个字符功能5描述100个字符功能5描述100个字符功能5描述100个字符功能5描述100个字符功能5描述100个字符

功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符

功能4上新

文章&问答评论现已支持表情

全新交互，全新视觉，新增快捷键、悬浮工具栏、高亮块等功能并同时优化现有功能，全面提升创作效率和体验

社区富文本编辑器全新改版！诚邀体验～ 

精选全网热门MCP server，让你的AI更好用 🚀

💥开发者 MCP广场重磅上线！

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

聚焦“写作效率、视觉美观与运行性能”三方面进行全面升级，为您提供更高效、稳定的创作环境

社区富文本&Markdown编辑器全新改版上线，欢迎大家体验!

诚挚邀请您参与本次调研，分享您的真实使用感受与建议。您的反馈至关重要，感谢您的支持与参与！

社区新版编辑器体验调研

我有一个新的rails安装。我完全按照这个页面上的说明操作：当我试图查看datatable时，会得到以下错误：GET http://localhost:3000/images/sort_both.png 404 (Not Found)GET http://localhost:3000/images/sort_asc.png 404 (Not Found)在config/environments/d

问jquery-datatables rails排序箭头在开发环境中没有显示
EN

回答 6

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问jquery-datatables rails排序箭头在开发环境中没有显示EN

回答 6

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问jquery-datatables rails排序箭头在开发环境中没有显示
EN