Horizantal Scrollbar appears. But columns not scrolling

ravibm100

Hi all, I have created a datatables using structure like
$('#patientWorklistTable').dataTable({"aoColumns": [
{ "sTitle": "Patient"},
{ "sTitle": "column 2"},
{ "sTitle": "column 3" },
{ "sTitle": "column 4" },
{ "sTitle": "column 5" },
{ "sTitle": "column 6"},
{ "sTitle": "column 7" }
],
"sScrollY": "1000px",
"sScrollX": "100%",
"sScrollXInner": "1200px",
"bScrollCollapse": true,
"bSort": false,
"bAutoWidth": false,
"sDom":"t"
});

I am using data array to load data into the table. Data is a div, which contains hyperlinks, images and texts etc.,
When I load the page, I saw horizantal scrollbar appears. When I do the scrolling only scrollbar moves, but the contents inside will not move. Any ideas on this?

allan

Can you link to your page showing the issue please?

Allan

ravibm100

I was trying to add table with fixed position inside main datatable cell and there were some generic styles defined. These two were causing the issue. This is solved now.

Regards,
Ravi