bAutoWidth is not working

valenpo

Hi guys!

We greate table with such code
var buttonSet = $( form.form+ ' .buttons-group').buttonset();
resultTable = $( form.searchResult ).dataTable({
"bFilter": false,
"bAutoWidth": false,
"bServerSide": true,
"sAjaxSource": "fetchtabledata.do?"+"instance=",
"bJQueryUI": true,
/* "bInfo": false, */
"bSort": false,
"sDom": 'R<"H"f>t ',
"bStateSave": true,
"iCookieDuration": 60*60*24,
"sScrollY": searchResultsHeight,
"bDeferRender": false,
"bPaginate": false,
"sScrollX": "100%",
"bScrollCollapse": true,
"bScrollInfinite": true,
"fnDrawCallback": function (oSettings) {
var numcolumns = this.oApi._fnVisbleColumns(oSettings);
fcmcAddRows(this,numcolumns, 30);
}, "fnInitComplete": function(oSettings, json) {
resultTable.fnSetColumnVis( 0, false );
resultTable.fnSetColumnVis( 1, false );
$(form.form+' .dataTables_scrollBody').css('height', searchResultsHeight);
},"oLanguage": {
"sEmptyTable": ''
}

});

as you see "bAutoWidth": false, but on html page i see










where width is 3748px.

We need just put table on 100% screen width or parent width. Also we make some things to show all content on 1 row like on gmail.




2/13/12 4:13 PM +3h





thanks for any clue !

Regards
Valentin


.xS , .y6 {overflow: hidden; white-space: nowrap;}
.xT { overflow: hidden;
white-space: nowrap;
width: 300%; }
.xY {
/* border-bottom: 1px solid #E5E5E5; */
font-size: 80%;
height: 3.61ex;
overflow: hidden;
padding: 3px 0 1px;
vertical-align: middle;
white-space: nowrap;
}