jQuery Grid Plugin - jqGrid - Topic: Cell nowrap and conditional classes in jqgrid 3.6 http://www.trirand.com/blog/?page_id=393/help/cell-nowrap-and-conditional-classes-in-jqgrid-36 Simple:Press Version 5.7.5.3 Clement on Cell nowrap and conditional classes in jqgrid 3.6 http://www.trirand.com/blog/?page_id=393/help/cell-nowrap-and-conditional-classes-in-jqgrid-36#p12055 Help http://www.trirand.com/blog/?page_id=393/help/cell-nowrap-and-conditional-classes-in-jqgrid-36#p12055 Hi Tony,

For (2), I have implemented option 1 as data size is dependent on user's setting on rownum.

Thanks!

]]> Tue, 17 Nov 2009 03:32:29 +0200 tony on Cell nowrap and conditional classes in jqgrid 3.6 http://www.trirand.com/blog/?page_id=393/help/cell-nowrap-and-conditional-classes-in-jqgrid-36#p12037 Help http://www.trirand.com/blog/?page_id=393/help/cell-nowrap-and-conditional-classes-in-jqgrid-36#p12037 Hello,

The expression

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

Should work. Also be a sure that it is loaded after ui.jqgrid.css file.

As for the second - it depends how many data you load. If you load 20-50 records, you can use both, but if the records are relative to much I suggest the first one.

Regards

Tony

]]> Tue, 17 Nov 2009 01:10:17 +0200 Clement on Cell nowrap and conditional classes in jqgrid 3.6 http://www.trirand.com/blog/?page_id=393/help/cell-nowrap-and-conditional-classes-in-jqgrid-36#p11924 Help http://www.trirand.com/blog/?page_id=393/help/cell-nowrap-and-conditional-classes-in-jqgrid-36#p11924 For nowrap, this works..

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

]]> Fri, 13 Nov 2009 15:09:27 +0200 Clement on Cell nowrap and conditional classes in jqgrid 3.6 http://www.trirand.com/blog/?page_id=393/help/cell-nowrap-and-conditional-classes-in-jqgrid-36#p11921 Help http://www.trirand.com/blog/?page_id=393/help/cell-nowrap-and-conditional-classes-in-jqgrid-36#p11921 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!

]]> Fri, 13 Nov 2009 11:56:46 +0200