bJQueryUI - .sorting_asc class not applied, but work when bJQueryUI is false

auswalk

When I set bJQuery to FALSE, and I click on my columns to sort, the .sorting_asc and .sorting_desc is applied properly as my custom highlighting and arrows show and work fine. However when setting bjQuery to TRUE, the sort header does get applied and nothing happens (the header doesn't highlight nor do sort arrows appear). Everything else works however, i.e. sorting , pagination, etc. I am using Datatables 1.8 and jquery-ui 1.8.14.

I want to use bjQuery UI b/c it helps me in overall styling elsewhere in the table.

Any help is appreciated.

jmschenck

I'm seeing the same issue. Did you have any luck figuring this out?

aplav

I have the same issue. Please help.

allan

When using jQuery UI thumbing, the sorting class is applied to an inner SPAN element. Have a look at this demo in Firebug for example: http://datatables.net/release-datatables/examples/basic_init/themes.html .

Allan

aplav

Sorry, Alan. As you recommended I looked at the demo in the Firebug and saw that for example class="DataTables_sort_icon css_right ui-icon ui-icon-triangle-1-s" is applied to an inner SPAN. I still don't understand how it is related to my problem and what I should do to make arrows show when using bjQuery=true. My syntax is exactly the same as in this demo. The only difference is that I'm using server-side call to populate table. As these classes are only part of jquery.dataTables.js and everything is fine when I'm not using bjQuery I assume that jquery.dataTables.js is in proper directory.
Please help. Thank you.

trudrung

I had a similar problem. I wasn't including the CSS files. After I included the CSS files, everything displayed properly.

Look at the source of http://datatables.net/release-datatables/extras/TableTools/theme.html


@import "../../media/css/demo_page.css"; @import "/media/css/header.ccss";
@import "../../media/css/demo_table_jui.css";
@import "../../examples/examples_support/themes/smoothness/jquery-ui-1.8.4.custom.css";
@import "media/css/TableTools_JUI.css";