jqgrid和固定标头

时间:2012-12-18 10:19:52

标签: jquery css jqgrid

我有一个固定的标题栏,但jqgrid元素无法正确滚动...当我滚动文本时,文字在标题栏后面(正确),jqgrid没有(错误)

如何解决此问题?

提前做好准备! 拉吉

编辑: Screeshot:https://docs.google.com/open?id=0BxGEE1yw1kGwLVdOVzdKRWlDcTA

代码非常简单:

<div id='divListVol' class='divList stat' > 
        <!-- Lista dei volontari -->
        <table id="listVol" class='stat'></table>
        <div id="pagerListVol" class='stat'></div>
 </div>

jQuery("#listVol").jqGrid({
            url: 'php/getVolontari.php?for=list',
            datatype: "json",
            contentType: "text/plain; charset=ISO-8859-1",
            loadonce:true,
            colNames:['Cod','Cognome', 'Nome','Modifica!'],
            colModel:[ {
                name:'id',
                index:'id',
                sortable: false,
                width: 10
            },{
                name:'cognome',
                index:'cognome',
                sortable: true,
                width: 35

            },{
                name:'nome',
                index:'nome',
                width: 35
            },{
                name:'modifica',
                index:'modifica',
                sortable: false,
                width: 20

            }],
            onSelectRow: function(rowid) { 
           $.ajax({
              url: "php/myRequest.php?for=info&id="+rowid,
              type:"GET",
              dataType: "json",
              success: function(response) {.....},
              error: function(response) { ... }

            });


            },
            onCellSelect: function (rowid, iCol) {
                ...
            },
            rowNum:30,
            rowList:[10,20,30], 
            height: 'auto',
            width: 455,
            ignoreCase: true,
            autowidth: true,
            pager: '#pagerListVol',
            sortname: 'cognome',
            viewrecords: true, 
            sortorder: "asc", 
            caption:"Lista Volontari",
            multiselect: false,
        });
        jQuery("#listVol").jqGrid('navGrid','#pagerListVol',{refresh:true, search:true, add:false,edit:false,del:false});

1 个答案:

答案 0 :(得分:0)

从技术上讲,jqGrid只是一个DOM元素,您应该可以通过调整position: relative | fixed | absolute;

等CSS属性来解决问题

您似乎没有提供太多信息,所以我可以完全回答您的问题。能否更具体地提供容器jqGrid托管的CSS?

感谢。