sScrollX and bJQueryUI - is this working together?

dzida

Hi,

I've just tried to use sScroolX with bJQueryUi options together and I ended with some strange-looking datatable (headers are mismatched with columns, scroll is not visible).

Is it possible to use sScrollX for jquery themed datatables? (example in documentation shows only sScrollY)

this is my code:
[code]
$('#id').dataTable( {
"oLanguage": {
"sUrl": "/site_media/language/pl_PL.txt"
},
"sDom": 'T<"clear"><"fg-toolbar ui-widget-header ui-corner-tl ui-corner-tr ui-helper-clearfix"lfr>t<"fg-toolbar ui-widget-header ui-corner-bl ui-corner-br ui-helper-clearfix"ip>',
"sPaginationType": "full_numbers",
"bProcessing": true,
"bServerSide": true,
"bAutoWidth": false,
"sScrollX": "100%",
"bScrollCollapse": true,
"bJQueryUI": true,
"sAjaxSource": "/data",
"aoColumns" : [
null,
null,
null,
null,
null,
null,
null,
null,
null,
null,
null,
null,
null,
{ "bSortable": false }
]
} );
[/code]

EDIT:
I just noticed that other guys have the same problem and this issue is duplicated on this forum - sorry for that

Regards,
Lukasz

UPEngineer

I don't know if you were having the same problems as me but try this and see if you can get it to work now!

Add this to your CSS definitions:

[code]
div.dataTables_scrollHead {
overflow: hidden;
position: relative;
}
[/code]

My tables looked good in everything but IE6 and IE7 but this fixed it to display correctly in those browsers AND having the jQuery UI enabled.

YMMV.

allan

The nightly has this fixed built into it now, and will be included in the next release. The nightly can be picked up from here: http://datatables.net/download/ .

Allan