Multi-Line grid

[William Morgenweck]

Is there a way to wrap the text in a cell to create multi line text?  I know that you have a row template but you then can't select that row.  What I need is a way to set the width of the cell and whatever is put in there it will wrap.  It would be nice if it could be HTML formatted.

Thanks

I found allowTextWrap: true and that works but is there a way to align all text to the top rather than the center? I'll keep looking

[Pavithra Subramaniyam]

Hi William,  

 

Greetings from Syncfusion.  

 

By default, enabling “AllowTxtWrap” property will wrap the cell contents with multi lines from the top itself. Please refer to the below screenshot and demo link for more information. 

 

 

 

Documentation: https://ej2.syncfusion.com/vue/documentation/grid/cell/#auto-wrap 

 

Demo                  : https://ej2.syncfusion.com/vue/demos/#/material/grid/auto-wrap.html 

 

If you are still facing the issue please provide the below details that will be helpful for us to provide a better solution as early as possible. 

  

1. Share the Grid code example.
2. Share the screenshot of the Grid cell
3. Share any image of your requirement.

 

Regards, 

Pavithra S. 

[William Morgenweck]

Thank you for that answer but I was asking if the other columns could be aligned at the top?   Such as in your example the first 4 columns

[Pavithra Subramaniyam]

Hi William,  

 

We have prepared a sample with vertical align as top and also enabled the allowTextWrap property in Grid.   

 

Sample link: https://plnkr.co/edit/J5zL7QCZ6odZPYeGg7Li?p=preview  

 

Refer the below screen shot.  

 

   

 

Please let us know if you need further assistance on this. 

 

Regards, 

Pavithra S.