How to customize merged cell for MultiRow Grid?

How to customize merged cell for MultiRow Grid?

Posted by: thanh on 27 October 2018, 12:48 pm EST

• 

  thanh

  • Post Options:
  • Link
    Copy
  • Jump To Answer

  Posted 27 October 2018, 12:48 pm EST - Updated 3 October 2022, 8:19 pm EST

  Hi all guys,

  I am going to make a custom grid as below attachment.

  

  938×182 2.59 KB

  I decided using MultiRow feature of wijmo, unfortunately, the grid was set with 3 detail lines whereas the header only required 2 rows. If you are using multi-row, headers
  
  row height is equal to detail rows height.

  Refer https://demos.wijmo.com/5/Angular/MultiRowExplorer/MultiRowExplorer/#/orderDetail for more detail

  Are there any ways to custom the header row height as the attachment?

  Thanks

• 

  sharad.tomer

  

  • Post Options:
  • Link
    Copy

  Posted 29 October 2018, 2:21 am EST

  Hi,

  From the snapshot you provided, implementing custom merging on a regular FlexGrid would be more suitable for your use case instead of using MultiRow.
  
  We would recommend you to use custom merging, please have a look at the following sample which demonstrates how to implement custom merging:
  
  https://demos.wijmo.com/5/SampleExplorer/SampleExplorer/Sample/CustomMerging

  Please let us know if you face any issues.

  ~Sharad

• 

  thanh

  • Post Options:
  • Link
    Copy

  Posted 30 October 2018, 1:35 am EST

  Hi,
  
  Thanks for your recommendation. FlexGrid with custom merging maybe is a suitable solution for me at this time.
  
  I realize that Wijmo MultiRow does not support custom cell template feature and DirectiveCellFactory supports for FlexGrid only :(.

• 

  manish.gupta

  

  • Post Options:
  • Link
    Copy

  Posted 30 October 2018, 3:29 am EST

  Thanks for notifying us. Please let us know if you have any further queries.