DataTables

Hello all,

I've been getting erratic results with sScrollX values. Namely, my tables are often rendered much larger than the values I enter (table renders at 1200 px width, when I entered 600 px.) I interpreted the documentation as claiming that setting sScrollX in pixels should render the outer table no wider than that number of pixels. The results are the same in various browsers.

I can't put my finger on it, but it seems that datatables works as follows: the minimum width of the outer div seems to always be as large as the minimum css-width of the theads. Is this correct? If it is, I think it must be a bug.

For an easily available example: I downloaded the "DataTables horizontal and vertical scrolling example" and changed the initialization to the following:

			$(document).ready(function() {
				$('#example').dataTable( {
					"sScrollY": 150,
					"sScrollX": 150,
					"bScrollCollapse":true
				
				} );
			} );

The data gets rendered at 400 something pixels wide, without any horizontal scroll-bars.

Do I just need to work on the css that applies before the datatable is rendered?

Hope someone can help,

Mack