Jq Grid page not showing the full content.

Jq Grid page not showing the full content.

Hello,

I am making a JQ mobile app with a grid section but when I am loading the script with the grid section some of the content will disapear below the header section:

my grid code:

 <script id="tradeTemplate" type="text/x-jquery-tmpl">
        <div class="ui-grid-a">
           <div class="ui-block-a"><div class="position" style="width:100%">Stock</div></div>
           <div class="ui-block-b"><div class="position" style="width:100%">${title}</div></div>
            <div class="ui-block-a"><div class="position" style="width:100%">Type</div></div>
            <div class="ui-block-b"><div class="position" style="width:100%">${type}</div></div>
            <div class="ui-block-a"><div class="position" style="width:100%">Position</div></div>
            <div class="ui-block-b"><div class="position" style="width:100%">${position}</div></div>
            <div class="ui-block-a"><div class="position" style="width:100%">Entry</div></div>
            <div class="ui-block-b"><div class="entry" style="width:100%">${entry}</div></div>
            <div class="ui-block-a"><div class="position" style="width:100%">Stoploss</div></div>
            <div class="ui-block-b"><div class="stoploss" style="width:100%">${stoploss}</div></div>
            <div class="ui-block-a"><div class="position" style="width:100%">Target1</div></div>
            <div class="ui-block-b"><div class="target1" style="width:100%">${target1}</div></div>
            <div class="ui-block-a"><div class="position" style="width:100%">Target2</div></div>
            <div class="ui-block-b"><div class="target1" style="width:100%">${target2}</div></div>
        </div>
        <div class="shareimage" style="width:100%"><center><img src='http://www.stock-hunter.net/system/files/styles/large/private/${screenshot.filename}' ></center>
            </div>
           <div class="explanation" style="width:100%">Explanation: ${explanation}
       </div>
            <div class="warning" style="width:100%">Please keep in mind all trades are at own risk! If a level don't get touched in a straight way the trade is not valid anymore!</div>
        <div class="ui-grid-a">
            <div class="ui-block-a"><div class="position" style="width:100%">Result:${result}</div></div>
            <div class="ui-block-b"><div class="position" style="width:100%">Post date:${creationdate} </div></div>
        </div>