title: DataTable horizontal scrolling with jquery Mobile not working
body: <p>When using datatables with jquery mobile, I can not seem to get a horizontal scroller going. I have tried every combination of sScrollX and sScrollY I can think of.   </p>
  
  <p>To see an example of the lack of vertical scroller, please try the webapp example I put up <a href="http://www.alrig.com/test" rel="nofollow">here.</a></p>
  
  <p>On an iphone or some other small screen try the following:</p>
  
  <p>1) Switch the slider from Graph to Table
  2) Hit the favorites button
  3) Scroll down the left panel and select "MSFT".</p>
  
  <p>You will see only the first few columns. You can scroll up and down but not to the right.</p>
  
  <p>I tried sScrollX and sScrollY but the scrolling is then inconsistent and buggy. At the moment I've disabled both and at least vertical scrolling works ok.</p>
  
  <p>Any help would be much appreciated as I've now been fighting this for a week! </p>
  
  <p>Please find the current datatables code below:</p>
  
  <pre><code> var table = $('#table_container').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 volumeNumber(data)} },
          { "aTargets": [8],      "mRender": function (data, type, full) {return volumeNumber(data)} },
          { "aTargets": [14],      "mRender": function (data, type, full) {return volumeNumber(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%",
          //"sScrollY": "100%",
          //"sDom": 'r&lt;"H"lf&gt;&lt;"datatable-scroll"t&gt;&lt;"F"ip&gt;',                        
          "bScrollCollapse": false,
          "bServerSide": true,
          "sAjaxSource": str,
          "bDeferRender": true,
          "fnServerData": function( sUrl, aoData, fnCallback ) {
              $.ajax( {
                  "url": sUrl,
                  "data": aoData,
                  "success": fnCallback,
                  "dataType": "jsonp",
                  "cache": false
              } );
          }
      } );
  </code></pre>