Scroll Bars Working in IE but not Chrome

dorothyjjohnson

I am having a problem with the scroll feature of Datatables working in Chrome. The table has 6 months of data in Columns so without XScroll working the table is very wide. The table declaration looks like:

var oTable = $('.dataTable').dataTable({
"bJQueryUI": true,
"sAjaxSource": '../include/util_ajax.html?dev='+dev,
"iDisplayLength": 100,
"sScrollY": '400px',
"sScrollX": "500px",
"bScrollCollapse": true
});

The page works by the user selecting a option and it outputs the table for that set of information. The scroll feature does work in IE, but not Chrome. And for some reason the table take much longer to populate in IE then in Chrome.

Thank you for any insight into what might be causing this.

robertbrower

This thread has some suggestions for improving performance in IE:

http://datatables.net/forums/discussion/12005/ie-datatable-display-issue#Item_4

Cheers,

Robert

dorothyjjohnson

Thank you Robert. I will take a look at that. My main problem is the scroll bars though, any thoughts on that?

dorothyjjohnson

It does add scrolling to some of the output tables, but not all. Is there something in the data that would cause the xScrolling to not work?

dorothyjjohnson

If I set sScrollXInner x scrolling doesn't work for any of the tables

allan

> "sScrollX": "500px",

I'd very strongly suggest you use "100%" for the value of sScrollX . Change the container width if you want to limit it to 500px.

If that doesn't help, please link us to a test case showing the issue.

Allan

dorothyjjohnson

Thank you Allan, I did have at 100% through testing.

I found out that the problem is only on my computer, so it must be a problem with my browser thank you for your help.