0

我正在使用来自 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。这是屏幕截图, 在此处输入图像描述

4

2 回答 2

4

从这里, http: //forum.jquery.com/topic/where-to-get-jquery-mobile-table-js

表格功能仅在未发布的 1.3 版本中提供。

如果您想测试 1.3,您可以从 GitHub 上查看并构建它,或者只需从在线测试文档下载 .js 和 .css 文件。

由于这甚至还不是测试版软件,所以我不会在生产中使用它。

于 2012-12-30T08:21:35.653 回答
2

这里已经有一个可用的响应式表 jQM 插件:https ://github.com/frequent/tableview 。

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

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

于 2012-12-30T09:11:28.367 回答