Defined sWidth and actual width discrepancy

infuze

Hi,

My datatable is populated dynamically, both column definitions and row data using a jquery callback as follows:

[code]
$.getJSON("data.jsp ... ", null, function (json) {
$("#theTable").dataTable({
"sScrollY": 1,
"bPaginate": false,
"bProcessing": true,
"bInfo": false,
"bJQueryUI": true,
"aaData": json.aaData,
"aoColumns": json.aoColumns
});
});
[/code]

My aoColumns definition contains sTitles and sWidths, which can be viewed at:
http://s-ledger.appspot.com/data.jsp?module=cpf&entity=cpf

However, the output width doesn't seem to follow the defined sWidths when more columns are included, and there is less "buffer width", as seen here: http://s-ledger.appspot.com/#dataTable#cpf#cpf

I tried to dig into the generated source and found widths that I didn't define, since my thead and tbody were empty to begin with.

Please advise.