为什么我的jqGrid显示不出来


jQuery("#list1").jqGrid({ 
data: mydata, 
datatype: "local", 
height: 150, 
rowNum: 10, 
rowList: [10,20,30], 
colNames:['Inv No','Date', 'Client', 'Amount','Tax','Total','Notes'], 
colModel:[ {name:'id',index:'id', width:60, sorttype:"int"}, 
{name:'invdate',index:'invdate', width:90, sorttype:"date", formatter:"date"}, 
{name:'name',index:'name', width:100}, 
{name:'amount',index:'amount', width:80, align:"right",sorttype:"float", formatter:"number"}, 
{name:'tax',index:'tax', width:80, align:"right",sorttype:"float"}, 
{name:'total',index:'total', width:80,align:"right",sorttype:"float"}, 
{name:'note',index:'note', width:150, sortable:false} ], 
pager: "#listPager", 
viewrecords: true, 
caption: "Manipulating Array Data" 
});
<div id="ElementaryKnowledge" class="show">
基本知识
<table id="list1"></table>
<div id="listPager"></div>
</div>