ThemeRoller not working with DataTables

pominnz

I'm having some issues trying to get my Smoothness ThemeRoller theme working with DataTables, and have followed all of the online documentation.

I have defined the stylesheets, and javascript files in the top of my webpage.







I have specified bJQueryUI as true in my dataTable method.

$(document).ready(function() {
$('#example').dataTable( {
"sPaginationType": "full_numbers",
"bServerSide": false,
"sAjaxSource": "/AjaxSource/?s=1",
"bProcessing": true,
"iDisplayLength": 20,
"bJQueryUI ": true,
"aLengthMenu": [3, 5, 10, 20]
} );

Here is my HTML table source.




Row1
Row2
Row3
Row4












It appears that, although I have set bJQueryUI to true, DataTables is not generating the required css ids and classes in my table.

Non of the styling is displaying at all. All I get is the default DataTable style.

I have tried different ThemeRoller themes, but without success.

Any help would be much appreciated.

Cheers
Paul

bandan88

Just a question, did you create css and js folders separate from the media/css and media/js folders?

allan

A link to the page showing the problem would be very useful. From the code above it is not clear why it wouldn't be working, unless you are getting 404 errors on some of the files.

Allan