2014-02-23 205 views
4

我使用KoGrid作爲我的數據表示。這就是它看起來像在第一:網格顯示不正確

Initial loaded grid

當我旋轉手機或選項卡中的網格將顯示正確,但我無法弄清楚如何來解決這個問題:

problematic rendering

有沒有人遇到過這個問題?

我的javascript:

var vm = { 
    myObsArray: ko.observableArray([ 
     { firstName: 'John', lastName: 'Doe' }, 
     { firstName: 'Jane', lastName: 'Doe' }, 
     { firstName: 'Jane', lastName: 'Doe' } 
    ]) 
}; 
ko.applyBindings(vm, document.getElementById("vm")); 

HTML:

<div id="vm"> 
    <h3>Size (<span data-bind="text: myObsArray().length"></span>)</h3> 
    <div class="gridStyle" data-bind="koGrid: { data: myObsArray }"></div> 
</div> 

這是一個簡單的例子,我發現here。此外,我已經使用jQuery的移動(1.4)與此

+0

你能顯示你的代碼嗎? – Akhlesh

+0

感謝您的回覆,我更新了代碼 – ExCode

+0

如果您不使用jQuery Mobile,問題是否仍然存在? – ebohlman

回答

0

你應該寫手機或平板電腦的肖像視圖中的css3媒體查詢更正您的數據表的顯示。

+0

這發生在我試過的每個設備上。 – ExCode