Using DataTables with Intel XDK app Framework help!

Hi Everyone,

I'm new to DataTables so accept my apologies if this is silly...

I'm trying to integrate datatables on the intel xdk app framework. While the datatable expands the vertical length of the div it doesn't expand the horizontal length and I can't seem to scroll. Here is the code.

I'm not sure how to provide an example for the xdk app framework but if someone let's me know I'm glad to post.

Thanks!

ADDENDUM:
I don't know if this will help, but if you hit the table just right it scrolls. It's almost like it's not registering the click or something else is registering it on a top layer. Every one in 10/20 tries though it scrolls left and right... Hopefully that helps someone!

       var table = $('#table').dataTable( {
            "symbol": symbol,
            "exchange": exchange,
            "aoColumns": columnData,
            "aoColumnDefs": [
            { "aTargets": [0],      "mRender": function (data, type, full) {return dateFormat(data)} },
            { "aTargets": [1],      "mRender": function (data, type, full) {return numberWithCommas(data)} },
            { "aTargets": ["_all"], "mRender": function (data, type, full) {return numberWithCommas(parseFloat(data).toFixed(2))} },
            ],
            "aaSorting": [[ 0, "desc" ]],
            "bPaginate": false,
            "bLengthChange": false,
            "bFilter": false,
            "bInfo": false,
            "bAutoWidth": false,
            "bProcessing": true,
			"sScrollX": "100%",
            "bScrollCollapse": true,
            "bServerSide": true,
            "sAjaxSource": str,
            "bDeferRender": true,
			"fnServerData": function( sUrl, aoData, fnCallback ) {
				$.ajax( {
					"url": sUrl,
					"data": aoData,
					"success": fnCallback,
					"dataType": "jsonp",
					"cache": false
				} );
			}
        } );