Javascript 将表格动态添加到html页面-表格比屏幕宽_Javascript_Jquery_Html_Jquery Mobile

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

javascript jquery html jquery-mobile

Javascript 将表格动态添加到html页面-表格比屏幕宽,javascript,jquery,html,jquery-mobile,Javascript,Jquery,Html,Jquery Mobile,我正在与Jquery mobile+phonegap合作构建一个移动应用程序我应用程序中的一个页面包含我需要整理的数据，所以我选择将其放在一个表中。数据的划分方式为：每个服务器名称位于rowHeader中，每个两个测试结果位于一行中，每个结果由列中的一个按钮表示服务器号不受限制，测试也不受限制。因此，我选择使用javascript动态构建这个表 <body> <div data-role="page" id="MonitoringPage">

我正在与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>

下面是一个JSFIDLE示例：

该页面在chrome浏览器中看起来非常完美，但在移动设备中安装应用程序时，桌面宽度比屏幕宽度大

是否有人熟悉此问题或对此有解决方案？

请尝试以下方法：

尽管您应该阅读本文并遵循其他属性

你能发布一个说明问题的工作示例吗？是的，我可以。这将需要几分钟的时间。我编辑了这个问题，并添加了JSFIDLE示例。您是否设置了可以尝试处理此问题的参数：但要获得正确的解决方案，您必须从表格更改为DIV，因为在maxWidthNot不在移动设备上工作的情况下，表格的性能不好。正如我所说，这是一个奇怪的问题。它可以在浏览器中使用，但不能在移动设备上使用。银河系s2，3，4这里：看起来不错这里是一个更新的JSFIDLE..我以前错过了一些东西。无论你错过了什么，都会导致错误样式问题

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