How to merge cells in jqGrid 4.0

by

I find your question very interesting, so +1 from me.

It seems to me that the usage of colspan=2 is what you really need. To have the same number of the columns in the rows having colspan=2 I suggest to hide the next <td> element in the row:

{
    name:'a',index:'a', width:50,
    cellattr: function(rowId, tv, rawObject, cm, rdata) {
        if (Number(rowId) < 5) { return ' colspan=2' }
    }
},
{
    name:'b',index:'b', width:50,
    cellattr: function(rowId, tv, rawObject, cm, rdata) {
        if (Number(rowId) < 5) { return ' style="display:none;"' }
    }
}

I tested the implementation only a few time, but it seems to work:

enter image description here

The demo you can see live here.

UPDATED: Another answer shows how can be used rowspan attribute in jqGrid.

More Related Contents:

  1. How To Create Or design popUp windows for Edit ro Insert [closed]
  2. How to filter the jqGrid data NOT using the built in search/filter box
  3. jqGrid: Disable form fields when editing
  4. jqGrid get “th” and “thead” using jQuery
  5. Setting the content-type of requests performed by jQuery jqGrid
  6. jqgrid reloadGrid with loadonce set to true
  7. jqGrid dynamic column binding
  8. jqGrid custom format fails on addClass
  9. jqGrid data stored in browser cache?
  10. is there an api in jqgrid to add advanced filters to post data?
  11. jqGrid does not populate with data
  12. jqgrid showLink
  13. jqgrid client side sorting with server side paging – data disappears
  14. jqGrid – saving checkbox selected state
  15. Resize SubGrid Columns on resizing main grid
  16. Should one replace the usage addJSONData of jqGrid to the usage of setGridParam(), and trigger(‘reloadGrid’)?
  17. How to update value of data in jqgrid
  18. Local form editing demo and jqGrid 4.4.1
  19. Correctly calling setGridWidth on a jqGrid inside a jQueryUI Dialog
  20. jqGrid Reposition Delete Confirmation Box
  21. jqGrid treeGrid catch expand collaps events
  22. jqgrid nested subgrid 4th level subgrid always returns first rowid of the subgrid
  23. jqgrid load large data set without pagination
  24. How to change column name in column chooser pop up in jqgrid?
  25. jquery with ASP.NET MVC – calling ajax enabled web service
  26. How to get jqGrid reload to go to server?
  27. is it possible to have html inside of a jqgrid treegrid cell
  28. Send expanded TreeGrid Nodes in cookie
  29. In-cell data bars in jqGrid – possible or not?
  30. jqGrid with automatic height; but has a max height & scrollbars

Leave a Comment