Wijmo [wordWrap]=true is not working if using ng-templete inside wj-flex-grid

Posted by: nilesh_nichal on 2 May 2023, 10:06 pm EST

  • Posted 2 May 2023, 10:06 pm EST

    Hi Wijmo team,

    I have refer this link - https://www.grapecity.com/wijmo/demos/Grid/Sizing/Auto-sizeRows/angular

    In the referred link there is basic example on how to resizes rows to fit their content.

    I have set autoRowHeights property to true and wordWrap = true

    In our use case we are using ng-templete, for example below code:

    <wj-flex-grid #flexGrid




    <wj-flex-grid-column [binding]="'countries'"
      <ng-template wjFlexGridCellTemplate>
      <ng-template wjFlexGridCellTemplate
        <div class="edit-mode ">
          <input type="text" />

    <wj-flex-grid-column [binding]=“‘sales’” [header]=“‘Sales’”>

    <wj-flex-grid-column [binding]=“‘expenses’” [header]=“‘Expenses’”>

    So, for the second ng-template in the above example where we are using input type as text, I want to edit the input and accordingly it will resize rows to fit their content in the cell/table but writing above code is not working please let us know how to proceed.

    I am using wijmo version of 5.20193.637

  • Posted 4 May 2023, 6:58 am EST


    As per our investigation, there was some issue in version 5.20193.637 which was then addressed in later releases. As per your case and version, if the editor is added using wjFlexGridCellTemplate then, there may sometimes arise problems while editing the cell. So, as a workaround, we have to manually add an editor using the formatItem event and then we have to commit edited data to the data source.

    Please refer to this sample for reference: https://stackblitz.com/edit/angular-caqofn

    However, for the latest version (5.20222.877), there is no need to provide any workaround and only a small modification is required in the cell template.

     <ng-template wjFlexGridCellTemplate [cellType]="'CellEdit'" let-cell="cell">
          <div class="edit-mode">
              (focusout)="editedCell($event, cell)"

    Since, the HTML input element is used as an editor so, we need to bind the cell’s value to the value property of input element. Also, when the data is entered and focus is removed then we need to manually update the value of the cell.

    editedCell(e, cellInfo) {
        cellInfo.value = e.target.value;

    Also, if in place of element, if we use combobox as a textbox like,

     <wj-combo-box [(text)]="cell.value"></wj-combo-box> 
    then there will be no need of manually changing the data.

    Please refer to this sample for reference: https://stackblitz.com/edit/angular-marwnb


    Manish Gupta

  • Posted 8 May 2023, 3:32 pm EST - Updated 8 May 2023, 3:37 pm EST

    Hi Team,

    We are using 5.20193.637 wijmo version(and have valid license for version 5.20193.637) and if I want to update it to current version i.e. 5.20222.877, but after updating to latest version we are getting the below error message of "The Wijmo license in the application is not valid for the version in use. The license version is 5.20193 ; the product version is 5.20222.877. Please create a license or contact Grapecity."*

    I have also attached the screenshot for the same

    Please let us know the steps or process so that we can update wijmo current version to 5.20222.877.


  • Posted 8 May 2023, 4:58 pm EST


    Your license doesn’t have a subscription for the latest Wijmo build, which results in this license issue. You would be required to purchase a new license key for the latest build(5.20222.877). Then after registering the key on your account, you can generate a distribution key of the latest build for your application.

    To purchase a new license you can contact our sales team from the below contact details, you can ask any license-related queries there:

    Tel: 1.800.858.2739 | 412.681.4343

    E-mail: us.sales@grapecity.com


  • Posted 8 May 2023, 11:32 pm EST

    Hi Nilesh,

    It appears that you accidentally shared your account’s confidential license information on this forum ticket. To protect your privacy, I have removed that response from this post and created a new case under your account. You can access it by logging into your Grapecity account and going to “My Support” > “My Cases.” Please feel free to continue sharing your concerns there, as our support team will keep them confidential.

    In case you have any doubts then please let us know.


Need extra support?

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

Learn More

Forum Channels