Flexsheet Angular - How to use FlexGrid within Flexsheet?

Posted by: andrewalisa on 17 June 2021, 4:45 pm EST

    • Post Options:
    • Link

    Posted 17 June 2021, 4:45 pm EST

    Hello! I have a of questions.

    I am using Angular 9.

    For my project, I am considering switching from FlexGrid to FlexSheet. This is more of a challenge that I anticipated.

    1. How do I name a column header? Ex: I am trying to name a column Product Name.

    I am trying to use the ```

    <wj-flex-grid-column [header]=“‘Product’” [isReadOnly]=“true” [binding]=“‘productName’” [width]=“‘2*’”>

    
    2) I am unsure how nice ng-template plays with the Wijmo Flexsheet.
    
    3) Is there a way to use FlexGrid within FlexSheet? I thought FlexSheet supported all of the FlexGrid properties. 
    
    4) I am using things such as mat-form-field within my columns in my FlexGrid column. What is the best way to put this in my FlexSheet Column, or do I have to do it from the TypeScript side of things?
  • Posted 22 June 2021, 1:17 am EST

    HI,

    Sorry for the delay, I’m looking working on this case and will provide you an update soon.

    ~sharad

  • Posted 24 June 2021, 12:52 am EST

    Hi,

    FlexSheet does not inherently support angular cell templates, currently, I’m preparing a sample that demonstrates how we could have Flexgrid like angular cell templates support in FlexSheet. Due to the high complexity of the case, it is taking a bit longer, I’ll keep you posted with updates.

    Regards

  • Posted 2 July 2021, 6:12 am EST

    Hi,

    Sorry for the delay. Please refer to the following sample which demonstrates how we could add FlexGrid cell templates support in FlexSheet:

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

    Regards

    Sharad

Need extra support?

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

Learn More

Forum Channels