0

jqgrid と asp.net mvc 3 アプリケーションを使用しています。データは問題ありません。navgrid が問題です。画像がすべてを説明していますが、正しく表示されていません。助けてくれてありがとう!

<link href="../../Content/ui.jqgrid.css" rel="stylesheet" type="text/css" />
<script src="../../Scripts/jquery-1.7.2.min.js" type="text/javascript"></script>
<script src="../../Scripts/jquery.jqGrid.min.js" type="text/javascript"></script>
<script src="../../Scripts/i18n/grid.locale-en.js" type="text/javascript"></script>

$("#list").jqGrid({
    url: 'http://shah.localhost:3203/App/GetTables',
    datatype: 'json',
    mtype: 'GET',
    jsonReader: {
        repeatitems: false
    },
    colModel: [{
        name: 'id',
        label: 'Table Number',
        width: 105
    }, {
        name: 'seatCount',
        label: 'Seat Count',
        width: 105
    }, {
        name: 'canCombine',
        label: 'Combinable?',
        width: 120
    }],

    rowNum: 10,
    rowList: [10, 20, 30],
    sortname: 'id',
    sortorder: 'desc',
    viewrecords: true,
    gridview: true,
    caption: 'My first grid',
    pager: 'pager'
});
});

$("#list").navGrid('#gridpager', {
    add: true
}, {}, {}, {}, {}, {
    closeOnEscape: true
});

私のhtmlタグ:

<table id="list"><tr><td/></tr></table> 
<div id="pager"></div>

画像:

それは画像が切り取られているわけではなく、navgrid が完全に示している方法です。

4

0 に答える 0