title: How to scroll horizontally in Jquery Mobile?
body: <p>I've a basic table layout that gets cut when viewed in mobile. Horizontal scrolling doesn't appear to work. The table is basically stuck and cutoff. Only vertical scrolling works. Is it possible to enable horizontal scrolling in Jquery Mobile?</p>
  
  <p>Screenshot on desktop browser:</p>
  
  <p><img src="https://i.stack.imgur.com/frS3Z.png" alt="enter image description here"></p>
  
  <p>Screenshot on mobile:</p>
  
  <p><img src="https://i.stack.imgur.com/RTQQ7.png" alt="enter image description here"></p>
  
  <p>Screenshot on resized desktop browser (horizontal scroll also doesn't work):</p>
  
  <p><img src="https://i.stack.imgur.com/CF3iv.png" alt="enter image description here"></p>
  
  <p>Sample code:</p>
  
  <pre><code>&lt;div style="overflow-x:auto"&gt;
  &lt;table&gt; 
          &lt;tr&gt;
              &lt;td&gt;foo&lt;/td&gt;
              &lt;td&gt;foo&lt;/td&gt;
              &lt;td&gt;foo&lt;/td&gt;        
          &lt;/tr&gt;
  &lt;/table&gt;            
  &lt;/div&gt;
  </code></pre>
  
  <p>BTW if I remove <code>&lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt;</code> horizontal scrolling works but then the mobile's width has become big and the purpose of mobile view is quite defeated. Any workaround?</p>