jQuery Grid Plugin - jqGrid

Hi,

I tried overridding the UI css with the following so that the cell content stays as one line height but it does not work. Has the reference changed? Firebug shows that the style was overridden but the cell content is unchanged.

<style>
      .ui-jqgrid tr.jqgrow td {white-space: normal}
</style>

In addition, I like to set the background color of a column depending on a value in thar row. Previously, I would construct the xml data within div tags with class name for the background color. It worked but the color does not fill up the entire cell due to padding in the parent TD tag.

<cell><![CDATA[<div class="${status}">${quantity}</div>]]></cell>

I read about gridview mode and that it is not compatible with afterInsertRow event. Hence I like to hear if any of the following approach is better in terms of system resources.

1) Use gridview mode and in gridComplete, add a function loop through the first page of data and set the cell background color.

OR

2) Use afterInsertRow, set cell background color.

OR

3) Other suggestions?

Thank you for your advice and help!