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

Posted by: ramu on 22 March 2020, 10:55 pm EST

  • Posted 22 March 2020, 10:55 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 = '<b>{value}</b> ({count} items)';
    this.data.pageSize = 10;
    }

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


    Please refer screen shot,




    Thanks,
    Ramu
  • Replied 23 March 2020, 3:22 pm 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
  • Replied 23 March 2020, 3:51 pm 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
  • Replied 23 March 2020, 5:12 pm 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
Need extra support?

Upgrade your support plan and get personal unlimited phone support with our customer engagement team

Learn More

Forum Channels