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 。