使用jQuery Mobile表渲染问题

Question

我是jQuery Mobile的新手，我正在尝试使用左侧列中的标题和右侧列中的数据呈现一个表格，如jQuery Mobile文档here中所示。

这是我的测试代码：

<div data-role="page" id="home">
 <div data-role="header" data-theme="b">
  <h1>Header</h1>
 </div>
 <div data-role="content">
  <ul class="subheader" data-role="listview" data-divider-theme="d" data-inset="false">
   <li data-role="list-divider" role="heading">Section</li>
  </ul>
  <table data-role="table" data-mode="reflow">
   <thead>
    <tr>
     <th>Head 1</th>
     <th>Head 2</th>
     <th>Head 3</th>
     <th>Head 4</th>
     <th>Head 5</th>
    </tr>
   </thead>
   <tbody>
    <tr>
     <td>Data 1</td>
     <td>Data 2</td>
     <td>Data 3</td>
     <td>Data 4</td>
     <td>Data 5</td>
    </tr>
   </tbody>
  </table>
 </div>
</div>

这是在桌面上呈现的（Firefox，Mac OS X） - 正如我想要的那样：

这是在我的移动设备（PhoneGap，三星Galaxy S2）上呈现的：

呃，怎么了？它不会在第一列上呈现<th>而第二列上呈现<td>吗？为什么没有发生？为了实现这一点，我要改变什么呢？提前谢谢！

Answer 1

发现问题：我在文档上缺少HTML5文档类型。没有doctype，表格在PhoneGap的嵌入式浏览器上没有获得回流样式。