no space between pagination words

mlotfi

Hi,
I just downloaded the new version 1.10.3 of Datatable, I noticed that there is no space between the words :
First Previous Next Last

here is an image :
http://s16.postimg.org/3wxxawsat/pagination.png

Thanks

allan

Looks like you might be using the jQuery UI example there? It seems to work okay in the example here. Perhaps you can link to the page so it can be debugged.

Allan

mlotfi

Thanks allan,

Maybe I am confused here, does datatable has a special datatables-jquery-ui, or we have to add one of the themeroller from jqueryui , or both as I did ?

I am using both in the same time :

enhance({
loadScripts: [
'js/jquery-1.10.2.js',
'js/jquery-ui-Redmond.js', ---> from themeRoller
'js/jquery.dataTables -1.10.3.js'
],
loadStyles: [
'css/jquery.dataTables -1.10.3.css',
'css/jquery-ui-Redmond.css', ---> from themeRoller
'css/enhanced.css'
]
});

mlotfi

I just created this jsfiddle :

http://jsfiddle.net/mlotfi/omdx08yk/1/

I only imported :
http://code.jquery.com/jquery-1.11.1.min.js
http://cdn.datatables.net/1.10.3/js/jquery.dataTables.min.js
http://code.jquery.com/ui/1.9.1/themes/redmond/jquery-ui.css

1) Are the three url enaugh or I have to add jquery.dataTables.css ?

2) why the rows are not styled ?

3) why the pagination floated to the bottom left and compacted ?

Thanks.

allan

If you want jQuery UI styling, you need to import the jQuery UI integration files. See the styling manual/

Allan

mlotfi

Hi allan,

I have already seen this manual, please what are all the js and css file needed to have a datatabe with jqueryui ?

here is what I did :

http://jsfiddle.net/mlotfi/2ds97nn0/

I used the 5 files bellow :

http://code.jquery.com/ui/1.9.1/themes/le-frog/jquery-ui.css

http://cdn.datatables.net/plug-ins/380cb78f450/integration/jqueryui/dataTables.jqueryui.css

http://code.jquery.com/jquery-1.10.2.min.js

http://cdn.datatables.net/1.10.3/js/jquery.dataTables.min.js

http://cdn.datatables.net/plug-ins/380cb78f450/integration/jqueryui/dataTables.jqueryui.js

1) Do I need all of them ? I feel like there is a redundancy.

2) how about if I want to add other jqueryui element, like buttons, I added them but they don't look like the same like the one in the themeroller called le-frog ?

Thanks, your help is appreciated.