Multi Line Column Header

Multi Line Column Header

Posted by: jonathancalvino0 on 2 November 2017, 1:54 am EST

• 

  jonathancalvino0

  • Post Options:
  • Link
    Copy
  • Jump To Answer

  Posted 2 November 2017, 1:54 am EST

  Hi,
  
  I want to create multi line colum header (two or three lines in the same cell), but without autoSizeRow. Even if the width of the column is suitable for to show the content in a line, I want to break it down to lines. I want to decide when the text goes to next line.

  Current:
  
  Account Display Result

  Desired:
  
  Acount
  
  Display
  
  Result

• 

  manish.gupta

  

  • Post Options:
  • Link
    Copy

  Posted 2 November 2017, 5:29 pm EST

  Hi,
  
  For this, you need to use HTML break tag and set the isContentHtml property to true for the column.

  ~Manish

• 

  jonathancalvino0

  • Post Options:
  • Link
    Copy

  Posted 2 November 2017, 10:56 pm EST

  Hi,
  
  Thanks a lot for the answer, but I could not manage do it with br tags and isContentHtml property.
  
  Here is so simple demo;
  
  http://jsfiddle.net/6GB66/856/

• 

  manish.gupta

  

  • Post Options:
  • Link
    Copy

  Posted 5 November 2017, 7:45 pm EST

  HI,
  
  Thanks for reporting this issue and sample.
  
  We are able to replicate the issue at our end and it seems a bug. Hence, this issue has been escalated to the concerned team for further investigation with tracking id 295407.

  We will let you know as we get any update.

  ~Manish

• 

  jonathancalvino0

  • Post Options:
  • Link
    Copy

  Posted 7 November 2017, 6:53 pm EST

  Hi,
  
  I will be waiting for the update.
  
  Thanks a lot.

• 

  bernardo-castilho

  • Post Options:
  • Link
    Copy

  Posted 6 December 2017, 1:10 am EST

  Hello!

  This is by design.

  The isContentHtml property only applies to scrollable cells. If you want to show HTML in the grid’s column headers, use the formatItem event and set the cell’s innerHTML property.

  This fiddle demonstrates:

  http://jsfiddle.net/Wijmo5/ehLfeebg/

  I hope this helps!

• 

  jonathancalvino0

  • Post Options:
  • Link
    Copy

  Posted 14 December 2017, 10:58 pm EST

  Hi,
  
  It works Thanks a lot.
  
  Sorry for the late answer.