Question

我正在使用Jquery mobile + phonegap来构建移动应用程序。

我的应用中的一个页面包含我需要安排的数据，因此我选择将其放在表格中。数据以每个服务器名称在rowHeader中的方式划分，每两个测试结果在一行中（每个都由列内的按钮表示。

服务器编号是无限的，也是测试。所以，我选择使用javascript动态构建这个表。

 <body>

        <div data-role="page" id="MonitoringPage">
            <div data-role="header"  data-theme="b">
                <h4>Monitoring tests</h4>
            </div>
            <div align='center' id="tests" data-role="content" class="ui-content" >
        </div>
        <div data-role="footer"  data-theme="b">
            <h4>MyTools</h4>
        </div>
        </div>
</body>

这是一个jsfiddle示例： js fiddle

该页面在Chrome浏览器中看起来很完美，但在移动设备中安装应用程序时，表格宽度高于屏幕宽度。

有人熟悉这个问题或有解决方案吗？

Answer 1

试试这个：http://jsfiddle.net/rdwknbrv/26/

table.setAttribute("data-role", "table");

虽然您应该阅读此内容并遵循其他属性。

http://demos.jquerymobile.com/1.3.0-rc.1/docs/tables/

动态添加表到html页面 - 表格比屏幕宽

1 个答案: