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。