title: Table rendering issues using jQuery Mobile
body: <p>I'm new to jQuery Mobile and I'm trying to render a table with headers in the left column and data on the right column, as demonstraded in jQuery Mobile docs <a href="http://api.jquerymobile.com/table/#entry-examples" rel="nofollow noreferrer">here</a>.</p>
  
  <p>Here's my test code:</p>
  
  <pre><code>&lt;div data-role="page" id="home"&gt;
   &lt;div data-role="header" data-theme="b"&gt;
    &lt;h1&gt;Header&lt;/h1&gt;
   &lt;/div&gt;
   &lt;div data-role="content"&gt;
    &lt;ul class="subheader" data-role="listview" data-divider-theme="d" data-inset="false"&gt;
     &lt;li data-role="list-divider" role="heading"&gt;Section&lt;/li&gt;
    &lt;/ul&gt;
    &lt;table data-role="table" data-mode="reflow"&gt;
     &lt;thead&gt;
      &lt;tr&gt;
       &lt;th&gt;Head 1&lt;/th&gt;
       &lt;th&gt;Head 2&lt;/th&gt;
       &lt;th&gt;Head 3&lt;/th&gt;
       &lt;th&gt;Head 4&lt;/th&gt;
       &lt;th&gt;Head 5&lt;/th&gt;
      &lt;/tr&gt;
     &lt;/thead&gt;
     &lt;tbody&gt;
      &lt;tr&gt;
       &lt;td&gt;Data 1&lt;/td&gt;
       &lt;td&gt;Data 2&lt;/td&gt;
       &lt;td&gt;Data 3&lt;/td&gt;
       &lt;td&gt;Data 4&lt;/td&gt;
       &lt;td&gt;Data 5&lt;/td&gt;
      &lt;/tr&gt;
     &lt;/tbody&gt;
    &lt;/table&gt;
   &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Here's as it's rendered on my desktop (Firefox, Mac OS X) - just as I want:</p>
  
  <p><img src="https://i.stack.imgur.com/yCKg0.png" alt="http://i.imgur.com/Ov4F5Gz.png"></p>
  
  <p>And here's as it's rendered on my mobile device (PhoneGap, Samsung Galaxy S2):</p>
  
  <p><img src="https://i.imgur.com/Vkv4chN.png" alt="http://i.imgur.com/Vkv4chN.png"></p>
  
  <p>Ermm, what happens? Shoudn't it render <code>&lt;th&gt;</code>'s on first column and <code>&lt;td&gt;</code>'s on second column? Why it didn't happen? What I've to change to accomplish that? Thank you in advance!</p>