Datatable static image not found on the server

When you use ```datatables.min.css``` and ```datatables.min.js``` locally, instead of datatables CDN, you may have encountered that ```sort_desc.png```,```sort_asc.png``` and other images not found error. That's because there is no static images downloaded with ```js``` and ```css``` file.
To fix the problem, you can download these images from Datables official github and place them at your static folder on your server.
Link ```https://github.com/DataTables/DataTables/tree/master/media/images```

After put these images on the server, you may open your downloaded ```datatables.min.css``` file and update the following section:
## Original version:
```css
.sorting{background-image:url("/DataTables-1.11.5/images/sort_both.png")}
.sorting_asc{background-image:url("/DataTables-1.11.5/images/sort_asc.png")}
.sorting_desc{background-image:url("/DataTables-1.11.5/images/sort_desc.png")}
.sorting_asc_disabled{background-image:url("/DataTables-1.11.5/images/sort_asc_disabled.png")}
```
## After update:
```css
.sorting{background-image:url("/static/img/sort_both.png")}
.sorting_asc{background-image:url("/static/img/sort_asc.png")}
.sorting_desc{background-image:url("/static/img/sort_desc.png")}
.sorting_asc_disabled{background-image:url("/static/img/sort_asc_disabled.png")}
```

No comments:

Post a Comment

Datatable static image not found on the server

When you use ```datatables.min.css``` and ```datatables.min.js``` locally, instead of datatables CDN, you may have encountered that ```sort...