Answers

• allan Posts: 63,368Questions: 1Answers: 10,449 Site admin

  October 2014

  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 Posts: 60Questions: 5Answers: 0

  October 2014

  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 Posts: 60Questions: 5Answers: 0

  October 2014

  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 Posts: 63,368Questions: 1Answers: 10,449 Site admin

  October 2014

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

  Allan
• mlotfi Posts: 60Questions: 5Answers: 0

  October 2014

  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.