How to – Showing Total in Footer in jqGrid.


We recently had a requirement to show total for 2 of our decimal columns in jqGrid.

We need to set the following properties footerrow and userDataOnFooter and the a function on loadComplete of grid

Hope it helps..


Fixed – Grid can not be used in this (‘quirks’) model in jqGrid

We got the above error in an HTML Web Resource which was using jqGrid. The page was working fine in IE 10 browser only in IE 8 we got that error.

The solution was to use the following meta tag inside the HEAD tag of the html page.


More details on this meta tag

Hope it helps.

Fixed – Expected identifier, string or number error in HTML Web Resource in IE.

We recently developed an html web resource which was using jqGrid. The web resource was working properly on machines having IE 10 browser, but got the above error in case of IE 8.

As it turned out extra “,” i.e. trailing comma was the reason for the error.

Removing it fixed the issue. IE 10 was more forgiving.

Hope it helps.

Changing font color of a column in jqGrid.


We had a requirement to change the font color of a particular column in jqGrid. We achieved it in the following manner.

Using the formatter property

The fontColorFormat function

function fontColorFormat(cellvalue, options, rowObject) {
 var color = "blue";
 var cellHtml = "<span style='color:" + color + "' originalValue='" + cellvalue + "'>" + cellvalue + "</span>";
 return cellHtml;

Hope it helps!

Change the font size of td in jqGrid

I was using the jqGrid (4.5.2) in one of my html web resources for CRM 2011. To adjust the font size of the td of the jqGrid table, we can set the value for the following style element in ui.jqgrid.css style sheet

Or we can using the following style in the html page where we are using the jqGrid

.ui-widget-content td {

Hope it helps.

%d bloggers like this: