動態將表格添加到html頁面-表格比屏幕寬
[英]Add table dynamically to html page - table is wider than the screen
問題描述
我正在使用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瀏覽器中看起來很完美，但是在移動設備上安裝應用程序時，表格寬度大於屏幕寬度。
是否有人對此問題熟悉或有解決方案？
1 個解決方案
解決方案1
0 2014-08-10 13:56:27
試試這個： http : //jsfiddle.net/rdwknbrv/26/
table.setAttribute("data-role", "table");
盡管您應該閱讀並同時遵循其他屬性。
<html>比屏幕寬
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.