{"id":20497,"date":"2021-03-18T07:14:17","date_gmt":"2021-03-18T07:14:17","guid":{"rendered":"http:\/\/www.devopsschool.com\/blog\/?p=20497"},"modified":"2021-03-18T07:14:17","modified_gmt":"2021-03-18T07:14:17","slug":"datatables-images-issues-like-sort_asc-png-sort_both-png-not-found","status":"publish","type":"post","link":"https:\/\/www.devopsschool.com\/blog\/datatables-images-issues-like-sort_asc-png-sort_both-png-not-found\/","title":{"rendered":"DataTables images issues like sort_asc.png &#038; sort_both.png not found"},"content":{"rendered":"\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"44\" src=\"https:\/\/www.devopsschool.com\/blog\/wp-content\/uploads\/2021\/03\/issue-in-loading-sort-images-1024x44.jpg\" alt=\"\" class=\"wp-image-20498\" srcset=\"https:\/\/www.devopsschool.com\/blog\/wp-content\/uploads\/2021\/03\/issue-in-loading-sort-images-1024x44.jpg 1024w, https:\/\/www.devopsschool.com\/blog\/wp-content\/uploads\/2021\/03\/issue-in-loading-sort-images-300x13.jpg 300w, https:\/\/www.devopsschool.com\/blog\/wp-content\/uploads\/2021\/03\/issue-in-loading-sort-images-768x33.jpg 768w, https:\/\/www.devopsschool.com\/blog\/wp-content\/uploads\/2021\/03\/issue-in-loading-sort-images.jpg 1108w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption><strong>Issues view in Chrome Console<\/strong><\/figcaption><\/figure><\/div>\n\n\n\n<p>Hi Friends, I am facing these issues for the last 1 month so I decided to solve this issue then I tried and I succeed. this is just a simple solution. if you are using the 1.10.20 version of jquery.dataTables.min.js then you will also face this issue. you have to open the chrome console or Mozilla console.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"has-inline-color has-vivid-red-color\">Issues<\/span><\/h3>\n\n\n\n<p>&#8220;NetworkError: 404 Not Found &#8211; http:\/\/datatables.net\/download\/build\/images\/sort_asc.png&#8221; sort_asc.png<br>&#8220;NetworkError: 404 Not Found &#8211; http:\/\/datatables.net\/download\/build\/images\/sort_both.png&#8221; sort_both.png<\/p>\n\n\n\n<p>Simply download  both images from the below location and put under this location (resources\\assets\\jquery-plugins\\datatables\\1.10.20\\images)<\/p>\n\n\n\n<p>Note : Location may vary because i am using this DataTables files in Laravel project.<\/p>\n\n\n\n<p><a href=\"https:\/\/github.com\/DataTables\/DataTables\/tree\/master\/media\/images\" target=\"_blank\" rel=\"noopener\">https:\/\/github.com\/DataTables\/DataTables\/tree\/master\/media\/images<\/a><\/p>\n\n\n\n<p>Resources :<\/p>\n\n\n\n<ol class=\"wp-block-list\"><li><a rel=\"noreferrer noopener\" href=\"https:\/\/datatables.net\/forums\/discussion\/19208\/images-are-404-not-found-on-datatables-net\" target=\"_blank\">Click Here<\/a><\/li><li><a href=\"https:\/\/datatables.net\/forums\/discussion\/18340\/sort-both-png\" target=\"_blank\" rel=\"noreferrer noopener\">Click Here<\/a><\/li><\/ol>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Hi Friends, I am facing these issues for the last 1 month so I decided to solve this issue then I tried and I succeed. this is just a simple&#8230; <\/p>\n","protected":false},"author":8,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_joinchat":[],"footnotes":""},"categories":[5201],"tags":[6553,6552,405,5746,6554],"class_list":["post-20497","post","type-post","status-publish","format-standard","hentry","category-laravel","tag-404error","tag-datatables","tag-github","tag-images","tag-networkerror"],"_links":{"self":[{"href":"https:\/\/www.devopsschool.com\/blog\/wp-json\/wp\/v2\/posts\/20497","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.devopsschool.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.devopsschool.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.devopsschool.com\/blog\/wp-json\/wp\/v2\/users\/8"}],"replies":[{"embeddable":true,"href":"https:\/\/www.devopsschool.com\/blog\/wp-json\/wp\/v2\/comments?post=20497"}],"version-history":[{"count":1,"href":"https:\/\/www.devopsschool.com\/blog\/wp-json\/wp\/v2\/posts\/20497\/revisions"}],"predecessor-version":[{"id":20499,"href":"https:\/\/www.devopsschool.com\/blog\/wp-json\/wp\/v2\/posts\/20497\/revisions\/20499"}],"wp:attachment":[{"href":"https:\/\/www.devopsschool.com\/blog\/wp-json\/wp\/v2\/media?parent=20497"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.devopsschool.com\/blog\/wp-json\/wp\/v2\/categories?post=20497"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.devopsschool.com\/blog\/wp-json\/wp\/v2\/tags?post=20497"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}