Javascript jqgrid。页面根本不显示

所以我已经为我正在构建的一个网站使用jqgrid好几天了，但是从那以后我无法让页面工作，它就是不显示。我在使用我的代码，但尝试了不同的例子，结果相同

现在我正在使用以下代码：

var mydata = [
    { num: "492", name: "Doug Anderson", trade: "WS" },
    { num: "696", name: "William Anderson", trade: "OP" },
    { num: "826", name: "Chris Autry", trade: "WF" },
    { num: "206", name: "Tom Beffa", trade: "OP" },
    { num: "799", name: "Glenn Bixler", trade: "LB" },
    { num: "360", name: "Pete Bober", trade: "OP" },
    { num: "7", name: "Scott Burgie", trade: "PFW" },
    { num: "476", name: "James Click", trade: "W" },
    { num: "775", name: "Bryan Darst", trade: "LB" },
    { num: "249", name: "Bob Dunham", trade: "LB" },
    { num: "10", name: "Tom Ekclund", trade: "WGF" },
    { num: "390", name: "Noel Edwards", trade: "W" }
        ];

        $("#testT").jqGrid({
            datatype: "local",
            data: mydata,
            colNames: ["Employee #", "Name", "Trade"],
            colModel: [
                { name: "num", width: 100, key: true, sorttype: "int" },
                { name: "name", width: 300 },
                { name: "trade", width: 80 },
            ],
            multiselect: true,
            pager: "#pager",
            rowNum: 10,
            rowList: [10, 20, 30],
            sortname: "num",
            sortorder: "desc",
            viewrecords: true,
            autoencode: true,
            height: "auto",
            gridview: true,
            caption: "Equipment"
        });

我在对话框窗口中显示它，如下所示：

$("#listView").dialog({ width: 680, maxWidth: 680, height: 600, maxHeight: 600, modal: true });

我见过其他人用过这个例子，他们说这个很管用，但我的例子只显示了10条记录，而分页的东西却找不到

谁能帮帮我吗

---

提前谢谢

看起来您在

{name:“trade”，width:80}

之后有一个额外的

，

您的代码应该是：

$("#testT").jqGrid({
    datatype: "local",
    data: mydata,
    colNames: ["Employee #", "Name", "Trade"],
    colModel: [
        { name: "num", width: 100, key: true, sorttype: "int" },
        { name: "name", width: 300 },
        { name: "trade", width: 80 } // Note the , has been removed
    ],
    multiselect: true,
    pager: "#pager",
    rowNum: 10,
    rowList: [10, 20, 30],
    sortname: "num",
    sortorder: "desc",
    viewrecords: true,
    autoencode: true,
    height: "auto",
    gridview: true,
    caption: "Equipment"
});

---

你的网格正在为我工作，请在现场查看。 有了这个html部分

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

---

让我知道这是否有帮助。

您是否查看了浏览器错误控制台以查看是否有任何消息/错误？是@ajtrichards运行时没有显示错误。嘿@vinoth krishnan，这很有效！非常感谢你！我不能投票支持你，因为我没有这个名声，但我真的很感谢你的帮助。谢谢@ajrichards，我让它正常工作了，这是html的问题。无论如何谢谢你的帮助！