title: Tables and Horizontal Scrolling - jQuery Mobile
body: <p>I am currently writing an app using PhoneGap and jQuery Mobile. One of the functions of my app is to pull data from a website and append it onto the page. However, part of the data includes a table which gets cut off on my Android (the table is too wide to fit). The solution would be to implement a horizontal scroll bar, but I am having trouble doing such.</p>
  
  <p>Any suggestions?</p>
  
  <p><strong>EDIT:</strong>
  This is what it looks like on <a href="http://img823.imageshack.us/img823/9661/screenshot1fl.png" rel="nofollow">mobile.</a>
  This is what it looks like on <a href="http://img59.imageshack.us/img59/810/screenshot2ix.png" rel="nofollow">my desktop</a> </p>
  
  <p>Anyway to scroll to the right (x)?</p>
  
  <p><strong>EDIT 2:</strong>
  It's not my HTML I am formatting. I am basically taking the HTML from a successful ajax GET call and dumping it onto the page</p>
  
  <pre><code>$('#insert').html(raw_output);
  </code></pre>
  
  <p>Unfortunately, the HTML/CSS of the table is not very good. I could rewrite most of it using jQuery .css, but the quicker and functional solution would just be to add a horiz-scrolbar allowing me to increase spacing on the table.</p>