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文件。

由于这还不是beta版软件，因此我不会在生产中使用它。

Answer 2

此处已经有可用的响应表jQM插件： https : //github.com/frequent/tableview 。

它有两种模式，一种是非功能性的模式，仅是一个表视图；另一种是功能性的模式，与数据库插件结合使用。

这是一个演示： http : //www.franckreich.de/jqm/tableview/demo.html 。