how to merge two headers

Question

Hi.I'm using the ejgrid component, I would like to merge these two headers and also can order by numbers and names (see image below)I would like to make something like this (see image below)I will be awating for your reply, thanks y advance.Regards, Luis.

Mani Sankar Durai · Answer

Hi Luis, 

Thanks for contacting Syncfusion support.  

We have checked your query and we can achieve your requirement using mergeHeaderCellInfo event in grid. We have also prepared a sample that can be available from the below link.  
Sample link: http://jsplayground.syncfusion.com/0yb0z4ec 
Please refer the below code example 




$("#Grid").ejGrid({ 
                dataSource: data, 
                allowPaging: true, 
                mergeHeaderCellInfo: function (args){ 
                    args.headerCellMerge(3, 2); 
                }, 
                columns: [ 
... 
                ] 
            }); 

Please refer the documentation link 
Link: https://help.syncfusion.com/api/js/ejgrid#events:mergeheadercellinfo 

Please let us know if you need further assistance.  

Regards, 
Manisankar Durai

Luis Carlos · Answer

Hi again!It doesn't work with stackedHeaderRows as you can see in the next image.Here you have the sample that I did http://jsplayground.syncfusion.com/wl2mhjdiI will be awaiting for your reply, thanks again.Regards, Luis.

Mani Sankar Durai · Answer

Hi Luis, 

We have analyzed your query and we are able to reproduce the reported issue. We confirmed that the issue “Misalignment when merging the two header-cell while using stacked headers“ is a defect, and we have logged a defect report. The fix for the issue will be included in our Volume 1, 2018 release which is expected to be rolled out by the month of January, 2017. 

Regards, 
Manisankar Durai.