jQuery Grid Plugin - jqGrid

Still does not work after adding the altClass:

altClass: 'altRow'

altRows: true

are both in the javascript setup.

Still no luck.  I have tried entering the code just as you say.  I think I have done it.  See code below which shows the css files and the code:

I have tried using single and double quotes around altRow in the javascript.  I have tried Vader for the theme.  I have tried Redmond.  All three work but none of them show.  I have tried putting the css for red background in the site.css file.  While the jqGrid shows everything correct but the altRow coloring.  So the problem must be in the CSS but I don't see it.

I have to say, while I love jQuery and especially jqGrid, troubleshooting the styling is hit and miss.  I sure wish there was a say to troubleshoot CSS structure and see what has been pulled in.

    <link href="../../Content/Site.css" rel="stylesheet" type="text/css" />
   <link href="<%= Url.Content("~/Scripts/jqGrid/themes/smoothness/jquery-ui-1.7.2.custom.css") %>" rel="stylesheet" type="text/css" />   
    <!-- This css link must match the name (here: smoothness) used in the imgpath for the jqGrid -->
    <link href="<%= Url.Content("~/Scripts/jqGrid/themes/smoothness/ui.all.css") %>" rel="stylesheet" type="text/css" />   
    <link href="<%= Url.Content("~/Scripts/jqGrid/themes/ui.jqGrid.css") %>" rel="stylesheet" type="text/css" />   
<style type="text/css" >
 .ui-jqgrid .altRow td{background-color: red;}
</style>

    <div id="gridwrapper">
        <div id="search"></div>
        <table id="grid" class="scroll" cellpadding="0" cellspacing="0"></table>
        <div id="pager" class="scroll" style="text-align:center;"></div>
    </div>

$(document).ready(function() {
    GridDemo.Home.GridDemo.setupGrid($("#grid"), $("#pager"), $("#search"));
});

GridDemo.Home.GridDemo = {
    setupGrid: function(grid, pager, search) {
        grid.jqGrid({
        colNames: ['Int', 'String', 'Date'],
            colModel: [
                        { name: 'IntProperty', index: 'IntProperty' },
                        { name: 'StringProperty', index: 'StringProperty' },
                        { name: 'DateProperty', index: 'DateProperty' },
                      ],
            pager: pager,
            sortname: 'IntProperty',
            rowNum: 20,
            rowList: [10, 20, 50],
            sortorder: "asc",
            url: "GetGridData",
            altClass: 'altRow',
            altRows: true,
            gridComplete: handleGridComplete
        }).navGrid(pager, { edit: false, add: false, del: false, search: false });       
        search.filterGrid("#" + grid.attr("id"), {
            gridModel: false,
            filterModel: [{
                label: 'Search',
                name: 'search',
                stype: 'text'
            }]
        });
    }
};

function handleGridComplete()
{
    var recs = parseInt($("#grid").getGridParam("records"),10);
    if (recs = 0)
    {  
        $("gridwrapper").hide();
        alert("No records returned!");
    }
    else
    {  
        $("gridwrapper").hide();
        //alert("Records returned.");
    }
   
}

I have tried "smoothness", "Redmond" (which you state will not show difference with "altRows" because of its CSS) and "Vader" - none which show a difference in the alternate rows.  Does anyone know a theme in which the altRows option does show a difference?

Second, I also attempted to set the background color to red as suggested above.  This also did not work.

Tom

Is there some reason that IE does not show different background for alternating rows?  Is this an IE bug?

When I run the trirand test page, I do not see alternating colors.

Tom

Thanks for the info and the help.  I will monitor the forum for an update.  My version of IE is IE8.

The link you provided is not working.  Get the following web page:

Looking forward to eventually seeing the alternating rows.  For now, I will continue my development and hold off on that feature until I know it should be workin.

Thanks again.

Tom

Error Summary

HTTP Error 404.0 - Not FoundThe resource you are looking for has been removed, had its name changed, or is temporarily unavailable.

Okay, got the web page.  But UI Darkness theme is not showing any differences in the rows either.  Putting this aside until someone has a sample where altRows shows a difference.  At least I don't feel so dumb now.

Tom