Grid not displaying properly

Question

I am using KoGrid for my data representation. This is what it looks like at first:

Initial loaded grid

When I rotate the phone or tab the grid will display correctly, but I could not figure out how to solve this issue:

problematic rendering

Has anyone faced this issue?

My 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>

This is a simple example which I found here. Additionally I have used jquery mobile(1.4) with this

Does the problem still occur if you don't use jQuery Mobile? — ebohlman, Feb 23 '14 at 13:19

score 0 · Answer 1 · answered Mar 05 '14 at 17:10

0

You should write css3 media-queries to correct the display of your data-table in portrait view of mobile or tablet.

answered Mar 05 '14 at 17:10

Manoj

73
3

Grid not displaying properly

1 Answers1