jQuery Mobile Reflow表头消失了

Question

我尝试在我的网站上添加一个jQuery reflow表，但当它转到移动设备时，顶行表标题会在<td>内容旁边显示时消失。

Top row TH not displaying

我不能使用jsfiddle，因为它使用了cdn for jQuery Mobile，它似乎完全可以工作但我不能使用CDN，因为它打破了网站。 网页： Test Web Page

HTML：

<table data-role="table" id="result" data-mode="reflow" class="ui-responsive ui-table ui-table-reflow table-stroke">
  <thead>
    <tr>
      <th>Rank</th>
      <th>Movie Title</th>
      <th>Year</th>
      <th><abbr title="Rotten Tomato Rating">Rating</abbr></th>
      <th>Reviews</th>
      <th>Director</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <th>1</th>
      <td class="title"><a href="http://en.wikipedia.org/wiki/Citizen_Kane" data-rel="external">Citizen Kane</a></td>
      <td>1941</td>
      <td>100%</td>
      <td>74</td>
      <td>Orson Welles</td>
    </tr>
    <tr>
      <th>2</th>
      <td class="title"><a href="http://en.wikipedia.org/wiki/Casablanca_(film)" data-rel="external">Casablanca</a></td>
      <td>1942</td>
      <td>97%</td>
      <td>64</td>
      <td>Michael Curtiz</td>
    </tr>
  </tbody>
</table>

我从网站上下载了jQuery reflow的自定义版本，所以可能它缺少一些模块？它使用完整下载或CDN。

Answer 1

关键是在创建自定义构建时添加Core Init包。以下是我在构建自定义构建时必须选择的选项（将自动选择其他一些依赖项）：

• 核心
  • 初始化
• 窗口小部件
  • 表：reflow

如上所述，选择这些将选择一堆其他所需的包。但结果将是表格在较小的屏幕上按预期工作，表格标题放在表格行旁边。