How to merge the footer row's column in jqgrid

Question

I have a footer column, where i need to show the total information. I have added the footer row true and got the footer row added.

simlar to the above image.

Here in footer row, i want to merge the client and date colum for the total in single column.

Does any one have done, please share your thoughts

Medicable

Answer 1

You use my old demo from the answer. If I understand you correctly you want remove vertical lines (cell borders) between some columns in the footer row. One can set colspan (close to the results from the answer). The disadvantage of the approach will be that one would need to adjust the width of the merged columns inside of resizeStop. So I suggest you to make unneeded vertical lines transparent. In general it's mostly the same what I described in the answer. In your case it would be something like

var $footRow = $("#list").closest(".ui-jqgrid-bdiv")
                         .next(".ui-jqgrid-sdiv")
                         .find(".footrow");

$footRow.find('>td[aria-describedby="list_name"]')
    .css("border-right-color", "transparent");

The demo demonstrates the approach. I made some more right borders of footer row invisible. So the results are like on the picture below:

Edmonton

Oleg, Thanks for the solution. But it would be really helpful if we have some options to merge the column in the jqgrid in footer row. May be some thing like setGroupHeader, we can create setGroupFooter for footer row also. Why i'm saying this is, in a bigger application, we might need to apply transparent style to each grid. I request you, in future enhancement, we can add this also. please suggest – Medicable

@BabuArumugam: You are welcome! I can try to send the feature request to developer of jqGrid (to trirand). I posed a lot of bug fixes and code of some features (for examples setGroupHeader), but I'm not an official developer of jqGrid. Moreover you should understand, that answering on questions on the stackoverflow, writing bug reports and new features gives me no money. So I can spend for it only a part of my free time... – Edmonton

yes Oleg, i very well know that no one is paid for answering in Q&A sites and its merly intreset of the person who answers the question. I just only requested you since, you was one & only active contributter of the jqGrid and also answering the Q&A sites. Some time before, i have posted a issue about the "Disabled pager button", which you added the fix for that and now it was fixed in 4.5.6 version. So I thought you might atest. Thanks for the reply. – Medicable