Column Merging in Multi R

Column Merging in Multi R

Posted by: germiep.fernandez on 7 December 2021, 3:57 am EST

• 

  germiep.fernandez

  • Post Options:
  • Link
    Copy
  • Jump To Answer

  Posted 7 December 2021, 3:57 am EST - Updated 4 October 2022, 7:42 am EST

  Hi,

  Is there a way to merge the columns vertically on a Multirow grid that is using cell template?

  
  <wj-multi-row-cell-group [allowMerging]="true">
            <wj-multi-row-cell binding="test" 
  		[allowMerging]="true" 
  		[header]="'Test'"
  		 [minWidth]="150"
  	>
              <ng-template wjMultiRowCellTemplate [cellType]="'Cell'" let-item="item">
                <div class="date-input-cont actions temp-fix">
                  <wj-input-date format="yyyy/MM/dd"></wj-input-date>
                </div>
              </ng-template>
            </wj-multi-row-cell>
            <wj-multi-row-cell binding="test" 
  		[allowMerging]="true" 
  		[header]="'Test'" 
  		[minWidth]="150"
  	 >
              <ng-template wjMultiRowCellTemplate [cellType]="'Cell'" let-item="item">
                <div class="date-input-cont actions temp-fix">
                  <wj-input-date format="yyyy/MM/dd"></wj-input-date>
                </div>
              </ng-template>
            </wj-multi-row-cell>
            <wj-multi-row-cell binding="test" 
  		[allowMerging]="true" 
  		[header]="'Test'" 
  		[minWidth]="150"
  	  >
              <ng-template wjMultiRowCellTemplate [cellType]="'Cell'" let-item="item">
                <div class="date-input-cont actions temp-fix">
                  <wj-input-date format="yyyy/MM/dd"></wj-input-date>
                </div>
              </ng-template>
            </wj-multi-row-cell>
         </wj-multi-row-cell-group>
  
  

  

• 

  sonu.pandey

  

  • Post Options:
  • Link
    Copy

  Posted 8 December 2021, 8:51 am EST

  Hello,

  You can perform any type of custom merging in the multiRow by extending the wijmo.grid.MergeManager class and assign an object of that type to the grid’s mergeManager property. Please refer to the sample link below demonstrating the use of mergeManager for column header cells:

  https://jscodemine.grapecity.com/share/2ztlii3fx0a1UpX7Fg_pCQ/

  You can also refer to the wijmo Demo and API link below for reference:

  Demo: https://www.grapecity.com/wijmo/demos/Grid/Merging/CustomMerging/angular

  API: https://www.grapecity.com/wijmo/api/classes/wijmo_grid.mergemanager.html

  Regards

• 

  germiep.fernandez

  • Post Options:
  • Link
    Copy

  Posted 9 December 2021, 9:41 pm EST

  Thank you for this. Merge the column successfully.