JQGrid, change row background color based on condition

Question

I have the following jqgrid that uses the jquery ui theme imported to my master page.

  $(\"#shippingscheduletable\").jqGrid({
            url: $(\"#shipping         


        

Answer 1

I used the a simple JQuery selector and applied my wanted styles. All you need is the uid (rowid) of the row you wish to apply the styles to.

if (!xCostCenter[i].saveSuccessful)
{  
    $("#row" + _updatedRowIDs[i] + "jqxgrid > div").css({ "background-color": "rgb(246, 119, 119)" });
}

In my case I wanted to change the color of rows that were not saved to change to a red color. To remove the color just execute the following.

$("#contenttablejqxgrid > div > div").css({ "background-color": "" });

hope this helps someone.