jQuery Grid Plugin - jqGrid

Hi, Tony!

To solve my problem in jqGrid I had to be able to specify different styles for different cells. For example, draw a chess board 🙂
It would like to see such a possibility.

While a done like this.
Implemented only for JSON. Version jqGrid 3.4 beta.

The idea is to expand the data yet another array of styles for each cell. In my code, this array is called the "cssp".

--- grid.base.js.orig    Sun Jan 11 14:33:42 2009
+++ grid.base.js    Sun Jan 18 18:53:37 2009
@@ -570,7 +570,7 @@
                     if (cssp){
                         if(typeof cssp == 'string') {$(tcell).addClass(cssp);} else {$(tcell).css(cssp);}
                     }
-                    if(typeof attrp == 'object') {$(tcell).attr(cssp);}
+                    if(typeof attrp == 'object') {$(tcell).attr(attrp);}
                 }
             }
         });
@@ -659,10 +659,11 @@
                 grid.cols[k] = this;
             });
         };
-        var addCell = function(t,row,cell,pos) {
+        var addCell = function(t,row,cell,pos,cssp) {
             var td;
             td = document.createElement("td");
             formatter($(td,t),row,cell,pos,'add');           
+            if (cssp) { $(td,t).addClass(cssp); }
             row.appendChild(td);
             formatCol($(td,t), pos);
         };
@@ -761,7 +762,7 @@
         };
         var addJSONData = function(data,t, rcnt) {
             if(data) { var fpos = ts.p.treeANode; rcnt = rcnt || 0; if(fpos===0 && rcnt===0) {$("tbody tr:gt(0)", t).remove();} }  else { return; }
-            var row,f=[],cur,gi=0,si=0,drows,idn,rd=[],cn=(ts.p.altRows===true) ? 'alt':'';
+            var row,f=[],cur,curcss,gi=0,si=0,drows,idn,rd=[],cn=(ts.p.altRows===true) ? 'alt':'';
             ts.p.page = data[ts.p.jsonReader.page];
             ts.p.lastpage= data[ts.p.jsonReader.total];
             ts.p.records= data[ts.p.jsonReader.records];
@@ -799,9 +800,15 @@
                     si= 1;
                 }
                 if (ts.p.jsonReader.repeatitems === true) {
+                    if(ts.p.jsonReader.cssp) {curcss = cur[ts.p.jsonReader.cssp];}
                     if(ts.p.jsonReader.cell) {cur = cur[ts.p.jsonReader.cell];}
                     for (var j=0;j<cur.length;j++) {
-                        addCell(t,row,cur[j],j+gi+si);
+                    if (curcss) {
+                      addCell(t,row,cur[j],j+gi+si,curcss[j]);
+                    } else {
+                    // if cssp does not exists - then nothing or default maybe...
+                        addCell(t,row,cur[j],j+gi+si);
+                    }
                         rd[ts.p.colModel[j+gi+si].name] = cur[j];
                     }
                 } else {
@@ -1184,6 +1191,8 @@
             records: "records",
             repeatitems: true,
             cell: "cell",
+            // CSS class for each cell
+            cssp: "cssp",
             id: "id",
             userdata: "userdata",
             subgrid: {root:"rows", repeatitems: true, cell:"cell"}

PS. Thank you for jqGrid. He has a great future;)

PPS. Sorry about my English. That's all translate.google.com:)