+ 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
http://www.datatables.net/examples/basic_init/zero_configuration.html

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.