jqGrid没有正确溢出

时间:2010-08-11 05:24:16

标签: jquery jqgrid

我遇到了一个令人烦恼的问题:jqGrid:它不是滚动线条,而是继续将它们添加到另一条线下,并且不会停留在某个高度。我究竟做错了什么? :S

<head>
<link rel="stylesheet" type="text/css" media="screen" href="libraries/jquery/custom-theme/jquery-ui.custom.css" />
<link rel="stylesheet" type="text/css" media="screen" href="libraries/jquery/jqGrid/css/ui.jqgrid.css?" />
<script type="text/javascript" src="libraries/jquery/jquery.js"></script>
<script type="text/javascript" src="libraries/jquery/jquery-ui.custom.min.js"></script>
<script src="libraries/jquery/jqGrid/js/i18n/grid.locale-en.js" type="text/javascript"></script>
<script src="libraries/jquery/jqGrid/js/jquery.jqGrid.min.js" type="text/javascript"></script>
<script type="text/javascript">
    $(document).ready(function(){
    jQuery("#list4").jqGrid(
            {
                datatype: "local", 
                height: 350, 
                colNames:['Inv No','Date'], 
                colModel:[
                    {name:'id',index:'id', width:60, sorttype:"int"},
                    {name:'invdate',index:'invdate', width:90, sorttype:"date"}
                ],
            multiselect: true,
            pager: '#pager5',
            caption: "Manipulating Array Data" }).navGrid("#pager5",{edit:false,add:false,del:false});

    var mydata = [
                  {id:"1",invdate:"2007-10-01"},
                ...              
                  {id:"39",invdate:"2007-09-01"} 
                 ]; 
    for(var i=0;i<=mydata.length;i++) jQuery("#list4").jqGrid('addRowData',i+1,mydata[i]);
    });
</script>
</head>
<body>
<table id="list4"></table>
<div id="pager5"></div> 
</body>

1 个答案:

答案 0 :(得分:1)

您的HTML文件没有<html>元素,DOCTYPE之前没有<html>且编码不清晰(应该是utf-8并使用<meta>定义,请参阅{{3 }} 举个例子)。你还应该删除'?'在“ui.jqgrid.css”之后,在循环中将<=更改为<

http://www.trirand.com/jqgridwiki/doku.php?id=wiki:first_grid上,你可以看到一个有点修改形式的同一个文件。