AngularJS: Autosizing row headers have use merge header

AngularJS: Autosizing row headers have use merge header

Posted by: tvhau.dev on 29 October 2020, 12:04 pm EST

• 

  tvhau.dev

  • Post Options:
  • Link
    Copy
  • Jump To Answer

  Posted 29 October 2020, 12:04 pm EST - Updated 3 October 2022, 3:13 pm EST

  hi,
  
  When the text header is too long, I want to WRAPTEXT and automatically adjust the HEIGHT to display full text
  
  and I have to use s.autoSizeRows (0, s.rows.length-1, true) to do that.
  
  But after I use merge header, autoSizeRows height cannot be adjusted automatically.

  Refer to the green frame of image below.
  
  
  
  sample : https://jsfiddle.net/76oht9z3/
  
  thank you

• 

  ashwin.saxena

  

  • Post Options:
  • Link
    Copy

  Posted 30 October 2020, 1:22 am EST

  Hi,

  If you need to wrap the text, then you will also need to set the wordWrap property of the columns to true:

  https://jsfiddle.net/6jLzwovr/

  Regards,
  
  Ashwin

• 

  tvhau.dev

  • Post Options:
  • Link
    Copy

  Posted 30 October 2020, 2:51 am EST - Updated 3 October 2022, 3:13 pm EST

  Hi Ashwin, Thank you for the reply
  
  when I resize the column header, the height of the header does not change

  Refer to the green frame of image below.
  
  

  

  945×594 38.2 KB

  sample
  
  https://jsfiddle.net/2wac7gnf/

• 

  ashwin.saxena

  

  • Post Options:
  • Link
    Copy

  Posted 2 November 2020, 5:55 am EST

  Hi,

  The rows do not automatically resize their height. To resolve this, you may handle the resizedColumn event of the FlexGrid and call the autoSizeRows method to resize the rows. Please refer to the updated sample below:

  https://jsfiddle.net/ypuebdc5/8/

  ~regards

• 

  tvhau.dev

  • Post Options:
  • Link
    Copy

  Posted 13 November 2020, 1:36 am EST

  I will try using that.

  Thank you!