Group multiple columns with top header

Hello, Ravi,
 
Thank you for posting to our forum.
 
Our team would like to inform you that Flexmonster does not provide an option to show grouping headers on the grid.
 
We suggest considering a workaround that adds a row with grouping headers. Please follow the steps below:

1. Hide component's headers (column numbering) and the Toolbar. Here is a code snippet for reference:

   toolbar: false,
   options: {
     grid: {
       showHeaders: false
     }
   }

2. Add a custom row with grouping headers ("Closing information" and "Opening information") above the Flexmonster component. This solution means placing the row outside of the Flexmonster instance.

Please kindly note that using the described approach, the new row will not be exported.
If the export of this row is needed, the custom export functionality should be implemented. We suggest specifying params.destinationType as "plain" in the exportTo() method to modify the exported file in the callbackHandler function.
 
Hope it helps!
 
Kind regards,
Milena

Hi, Ravi,
 
Thank you for providing further explanations.
 
According to the suggested approach, the grouping headers can be placed in the new row in any desired order.
Could you please confirm that you want to add the headers in the flat view? If it is correct, you can check the order of columns in the slice and consider this info when adding the row above the component.
 
Hope it helps!
 
Best regards,
Milena

Hello, Ravi, 
 
Thank you for the heads-up!
 
We will be looking forward to further updates.
 
Kind regards,
Milena