ScrollX not working

bluesapphire

Hi!
Following is test link:
[link]http://articlecon.com/phpdemo/b1/bid/test [/link]

Here is Javascript :

[code]
var oTable = jQuery('#dataview').dataTable( {

'sScrollX' : '150%',
/*'sScrollXInner' : '110%',*/
'bProcessing' : true,
'oLanguage' : {
'sProcessing' : '',
'sPaginationType' : 'full_numbers',
'bServerSide' : true,
'sAjaxSource' : base_url+'bid/view',
'bLengthChange' : true,
'bSearch' : false,
'bFilter' : true,
'iDisplayLength' : 10,
'bAutoWidth' : false,
'asStripClasses' : ['row1', 'row2'],
//'sDom' : 'lfrtip',


'aoColumnDefs' : [
{'sName': '', 'bSortable' : false, 'bSearchable': false, 'aTargets':[0], 'sType' : 'numeric', 'sClass' : 'center'},
{'sName': '', 'bSortable' : false, 'bSearchable': false, 'aTargets':[1], 'sClass' : 'center'},
{'sName': 'id', 'sTitle': 'Id', 'bSortable' : true, 'bSearchable': false, 'aTargets':[2], 'sType' : 'numeric'},
{'sName': 'type', 'bSortable' : true, 'bSearchable': true, 'aTargets':[3]},
{'sName': 'category', 'bSortable' : true, 'bSearchable': true, 'aTargets':[4]},
{'sName': 'name', 'bSortable' : true, 'bSearchable': true, 'aTargets':[5]},
{'sName': 'description', 'bSortable' : true, 'bSearchable': true, 'aTargets':[6]},
{'sName': 'amount', 'bSortable' : true, 'bSearchable': true, 'aTargets':[7]},
{'sName': 'hand', 'bSortable' : true, 'bSearchable': true, 'aTargets':[8]},
{'sName': 'game', 'bSortable' : true, 'bSearchable': true, 'aTargets':[9]},
{'sName': 'stake', 'bSortable' : true, 'bSearchable': true, 'aTargets':[10]},
{'sName': 'tourney', 'bSortable' : true, 'bSearchable': true, 'aTargets':[11]},
{'sName': 'propbet', 'bSortable' : true, 'bSearchable': true, 'aTargets':[12]},
{'sName': 'race', 'bSortable' : true, 'bSearchable': true, 'aTargets':[13]},
{'sName': 'sdate', 'bSortable' : true, 'bSearchable': false, 'aTargets':[14], 'sType' : 'date'}, {'sName': 'edate', 'bSortable' : true, 'bSearchable': false, 'aTargets':[15], 'sType' : 'date'},
{'sName': '', 'bSortable' : false, 'bSearchable': false, 'aTargets':[16]},
],

'aaSorting' : [[2, 'asc']],
}).fnFilterOnReturn();

[/code]

Data table display is messing up and SCOLLX is not visible/working.

Can some one guide what Iam doing wrong and how it can be rectified.

Thanks in advance

allan

Set sScrollX to 100%. There aren't many cases (almost none actually) where I think that setting it to any other value will be a huge amount of use, although it is there as an option. 100% means take 100% of the visible area for the scrolling viewport, while 150% would be take more than is available - and in this case means that scrolling is not needed - hence no scrollbars.

Allan