Wijmo Group Column Angular not working

Wijmo Group Column Angular not working

Posted by: achoure on 29 June 2023, 4:51 am EST

• 

  achoure

  • Post Options:
  • Link
    Copy

  Posted 29 June 2023, 4:51 am EST

  Hi Team,

  i am looking for a solution to make a grid columns dynamic using ColumnGroup options. here is the sample code

  <wj-flex-grid #flex (initialized)="initGrid(flex)" 
          headersVisibility="Column" showSelectedHeaders="All"
          [alternatingRowStep]="0" [showMarquee]="true" [autoGenerateColumns]="false"
          [itemsSource]="dataAssetCollection" (scrollPositionChanged)="onScrollPositionChanged($event)"
          [ngStyle]="{'max-height':containerHeightGrid,'margin-top': containerTopSpace}"
          (click)="onGridClick(flex,$event)" (selectionChanged)="selectionChanged(flex, $event)">
          <wj-flex-grid-column-group *ngFor="let column of gridSettings?.Columns" [binding]="column.Binding"
              [width]="column.Width" [header]="column.Name">
                  <wj-flex-grid-column-group *ngFor="let columndeep of column?.Columns" [binding]="columndeep.Binding"  [header]="columndeep.Name">
                  </wj-flex-grid-column-group>
          </wj-flex-grid-column-group>
          <wj-flex-grid-filter #filter (filterChanged)="filterChanged()" (filterApplied)="filterApplied()">
          </wj-flex-grid-filter>
      </wj-flex-grid>

  
  
  I am doing loop inside loop for generating columns which i have the json ready.

  While the Top Header is generated, the nested column headers are not getting generated. I checked all properties are mapped correctly.

• 

  vivek.pannu

  

  • Post Options:
  • Link
    Copy

  Posted 29 June 2023, 10:23 pm EST

  Hi,

  Sorry, but we are unable to replicate the issue on our end. Please refer to the following sample and let us know if we are missing something to replicate the issue:

  https://codesandbox.io/s/wijmo-angular-forked-zynhhk?file=/src/app/app.component.html

  You can also update the above sample to replicate the issue and share it with us.

  Regards