Jquery Mobile的表格沒有響應？

Question

我正在使用jQuery手機網站的簡單表格。這是我的頁面html，

<div data-role="page" id="mainPage"> 
     <div data-role="content"> 

      <table data-role="table" id="my-table" data-mode="reflow"> 
       <thead> 
        <tr> 
         <th>Rank</th> 
         <th>Movie Title</th> 
         <th>Year</th> 
         <th> 
          <abbr title="Rotten Tomato Rating">Rating</abbr></th> 
         <th>Reviews</th> 
        </tr> 
       </thead> 
       <tbody> 
        <tr> 
         <th>1</th> 
         <td><a href="foo.com" data-rel="external">Citizen Kane</a></td> 
         <td>1941</td> 
         <td>100%</td> 
         <td>74</td> 
        </tr> 
       </tbody> 
      </table> 
     </div> 
    </div> 

但我的頁面看起來像非常醜陋。似乎沒有jQuery在這裏應用。 這裏是屏幕截圖，

Answer 1

從這裏， http://forum.jquery.com/topic/where-to-get-jquery-mobile-table-js

表功能僅在未發佈的1.3版。

如果你想測試1.3，你可以從GitHub檢查出來，並建立 它，否則只是從在線測試下載的.js和.css文件 文檔。

因爲這還不是測試版軟件，所以我不會在生產中使用它。

Answer 2

已經有一個工作響應表jQM插件在這裏可用：https://github.com/frequent/tableview。

它有兩種模式，非功能模式只是一個tableview，功能模式與數據庫plugin相結合。

下面是演示：http://www.franckreich.de/jqm/tableview/demo.html。