Why wj-flex-grid - groupHeaderFormat is not working in Firefox?

Why wj-flex-grid - groupHeaderFormat is not working in Firefox?

Posted by: ramu on 23 March 2020, 7:55 am EST

• 

  ramu

  • Post Options:
  • Link
    Copy

  Posted 23 March 2020, 7:55 am EST - Updated 3 October 2022, 4:57 pm EST

  Hi,

  I have used below version in Angular 8 application

  Wijmo: 5.20191.612

  I faced this issue only in Firefox browser, others (IE, EDGE, Chrome) is working fine.
  
  .
  
  In HTML:

  <wj-flex-grid #formsInfoFlexGrid id=“formsInfoGrid” [headersVisibility]=“‘Column’” [isReadOnly]=“true” [itemsSource]=“data” [selectionMode]=“‘None’” (itemsSourceChanged)=“sourceChangedGrid(formsInfoFlexGrid)” [groupHeaderFormat]=“formNameHeaderFormat”>

  In TS:

  //Wijmo
  
  import * as wjcCore from ‘wijmo/wijmo’;
  
  import * as wjcGrid from ‘wijmo/wijmo.grid’;
  
  import * as wjFilter from ‘wijmo/wijmo.angular2.grid.filter’;
  
  import * as wjcInput from ‘wijmo/wijmo.input’;

  loadFormsCollectionView(formsWijmoArrayData: any) {
  
  this.data = new wjcCore.CollectionView();
  
  this.data = new wjcCore.CollectionView(formsWijmoArrayData);
  
  this.data.groupDescriptions.push(new wjcCore.PropertyGroupDescription(‘HeaderFormName’));
  
  this.formNameHeaderFormat = ‘{value} ({count} items)’;
  
  this.data.pageSize = 10;
  
  }

  // Default collapse all the groups in grid
  sourceChangedGrid(flex: wjcGrid.FlexGrid) {
      flex.collapseGroupsToLevel(0);
  }
  

  Please refer screen shot,

  

  1115×199 2.51 KB

  Thanks,
  
  Ramu

• 

  ashwin.saxena

  

  • Post Options:
  • Link
    Copy

  Posted 24 March 2020, 12:22 am EST

  Hi,

  We are sorry but we were unable to replicate the issue at our end. Please refer to the sample link below that we used to replicate the issue:

  https://stackblitz.com/edit/angular-3tddyu

  Can you please let us know whether we are missing something in order to replicate the issue?

  Regards,
  
  Ashwin

• 

  ramu

  • Post Options:
  • Link
    Copy

  Posted 24 March 2020, 12:51 am EST

  Hi,

  Thanks Ashwin.

  I noticed you have used,
  
  import * as wjcCore from ‘@grapecity/wijmo’;
  
  import * as wjcGrid from ‘@grapecity/wijmo.grid’;

  But I have used “wijmo/wijmo” via Wijmo: “5.20191.612” npm package.

  So is impacting on this?

  Thanks,
  
  Ramu

• 

  ashwin.saxena

  

  • Post Options:
  • Link
    Copy

  Posted 24 March 2020, 2:12 am EST

  Hi Ramu,

  The wijmo and @grapecity/wijmo are the same packages. They are just referenced in NPM using different names. So, this is not causing the issue.

  ~regards