Thanks. I see this. Will be fixed.

Tony

Just a note - setLabel has a bug: If you change the column label, it blows away the content of the div which includes the sort icons.

Mark

How can I set the background color of the header in the following code?

Thanks in advance.

best regards

K.

<script type="text/javascript">

...

jQuery(document).ready(function(){
    var colWidth = calcWidth("#travel",new Array(55, 80, 300, 150, 100, 150, 150), new Array(true, true, false, true, true, true, true));   
   
    jQuery("#travel").jqGrid({
        url:'<%=request.getContextPath()%>/GetWorklistTravelServlet?sapUserId=<%=UserUtil.getSAPUserId(renderRequest, renderResponse,
                            portletConfig.getPortletContext())%>&sapSSOTicket=<%=SAPConnectionManager.getSSOTicket(renderRequest)%>',
        datatype: "json",
        height: "100%",
        colNames:['Type', 'No.', 'Description', 'Reason', 'Created on', 'Status', 'Substitute'],
        colModel:[
             {name:'type',index:'type', align:"center", sorttype:"string", width:colWidth[0]},
             {name:'itemNo',index:'itemNo', sorttype:"string", width:colWidth[1]},
             {name:'description',index:'description', sortable:false, width:colWidth[2], formatter:travelFormatter},
             {name:'reason',index:'reason', sortable:false, width:colWidth[3]},
             {name:'creationDate',index:'creationDate', sorttype:"date", formatter:'date', formatoptions:{srcformat: 'Y-m-d', newformat: 'M d, Y'}, width:colWidth[4]},
             {name:'status',index:'status', sortable:false, width:colWidth[5]},
             {name:'substitute',index:'substitute', sorttype:"string", width:colWidth[6]} ],
        width: 1100,
        viewsortcols: [true,'vertical',true],
        autowidth: true,
        forceFit: true,
        shrinkToFit: true,
        rowNum: 10,
        loadComplete: function(id){
            if (removeReturnFromDetailMessage) {
                jQuery('#returnFromDetailMessage').hide();
            } else {
                removeReturnFromDetailMessage = true;
            }
          },
        altRows: true,
        viewrecords: true,
        pager: '#travel_pager',
        hoverrows: false
    });
    jQuery("#travel").navGrid('#travel_pager',{edit:false,add:false,del:false,search:false,refresh:true,refreshtext:"Refresh"});

});
</script>