data table overflow

manjunath

Hi,

I am using Data Tables 1.8, The Data table is Over lapping the window port of the browser. Here i scroll the both, the table as well as the browser.
It should scroll the data within the table not the window, even though if i increase my screen resolution.

Please suggest me how we can achieve the data scrolling without overflowing of table..


Here is the code

jq(document).ready(function() {

oTable = jq('#example').dataTable( {
"sScrollX": "100%",
"sScrollXInner": "130%",
"bScrollCollapse": true,

"bProcessing": true,
"bJQueryUI": true,
"sAjaxSource": ajaxUrlDatatable,
"aoColumnDefs": [{ "sWidth": "300px", "aTargets": [ "_all" ] }],
"aaSorting": [[ 3, "asc" ],[ 0, "asc" ]]
} );
setTimeout("refreshPage()",30000);
} );

function refreshPage(){
oTable.fnReloadAjax();
setTimeout("refreshPage()",30000);
}


CSS:

table.display {
width: 110% !important;
border-left : 1px solid #AAAAAA;
border-right: 1px solid #AAAAAA;
border-collapse: inherit !important;

border-spacing: 1px !important;
border-left: 1px solid #AAAAAA;
}



HTML:









col1
col2
col1
col3
col4
col5

col6
col7

col8
col9
col10
col11
col12
col13.
col14




Loading data from
server







Thank you in Advance