How to auto row height when editing text?

Posted by: hoangnd27 on 23 November 2020, 6:55 pm EST

  • Posted 23 November 2020, 6:55 pm EST


    Im using <wj-flex-grid> angular 9. My grid have use autoRowHeights property and [multiLine]="true" for <wj-flex-grid-column>. But i have issue when editing text.

    How to autoRowHeights alway change when i editing cell ?

    <wj-flex-grid #grid (initialized)="initGrid(grid)" [itemsSource]="source" [autoRowHeights]="true">
    <wj-flex-grid-column header="Country" binding="country" [multiLine]="true"></wj-flex-grid-column>
    <wj-flex-grid-column header="Date" binding="date"></wj-flex-grid-column>
    <wj-flex-grid-column header="Amount" binding="amount"></wj-flex-grid-column>
  • Replied 24 November 2020, 7:03 pm EST


    We are sorry but we are unable to replicate the issue at our end. Please have a look at the following sample and let us know if we are missing something in order to replicate the issue:
    I've also attached a gif of our observation for your reference.

  • Replied 28 November 2020, 2:51 am EST

    Can't auto height when im editing text?

  • Replied 1 December 2020, 4:19 pm EST


    Sorry but autoHeightRows only work after the text has been edited. This is by design. The height of the cells (or any formatting applied on the grid) is only updated after the grid has committed the changes to have a better performance. Otherwise, the refreshing of the grid will cause interruption while editing.


Need extra support?

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

Learn More

Forum Channels