+ Start a Discussion
raj kiranraj kiran 

Datatable sort icons missing

Hi All,
I am using jquery datatable to display data in vf.i am refering static zip resources which packs the jquery.dataTables.css,jquery-1.11.1.min.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 cdn network the data table works fine with all sort icons are being displayed. however if i am using my static resources the sort icons are missing.
Eg expected sort icons are here in below example

The sort icons are being referred in jquery.dataTables.css.
The path referred for images in jquery.dataTables.css file as per cdn network is

background: url("../images/sort_both.png") no-repeat center right;
background: url("../images/sort_asc.png") no-repeat center right;

since these jquery.dataTables.css ,images and js files are zipped into static resources, i am given these path below in jquery.dataTables.css  file and none of them worked.

a) background: url("../images/sort_both.png") no-repeat center right;
b) background: url("{!URLFOR($Resource.myZipFile, images/sort_both.png)}") no-repeat center right;

please let me know the right way to refer the image path in the css for salesforce static resources.