We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date

how to auto-wrap long text field in column in grid

Hi, I need to auto-wrap in case of long text in a column in grid.

as attached screenshots, the bootstrap table can autowrap the long text (like multiple lines), 
however in the syncfusion grid, it cannot show either the whole long text or not multiple lines(height needs to be increased automatically) in a column.

Could you give me an idea?

Thank you.
Kind Regards,

Attachment: auto_wrapping_notok_50e8ae38.zip

1 Reply

VA Venkatesh Ayothi Raman Syncfusion Team June 14, 2017 07:29 AM UTC

Hi Dongil, 

Thanks for contacting Syncfusion support. 

We have built-in support of text trap feature for your requirement. If we enable the AllowTextWrap feature in Grid, then content will wrap to the next line when the content exceeds the boundary of the column cells width.  

Please refer to the following Help documentation and code example for more information, 


Code example
@(Html.EJ().Grid<Object>("FlatGrid") 
            .Datasource((IEnumerable<object>)ViewBag.DataSource) 
            .AllowPaging() 
 
            .AllowTextWrap() 
            .TextWrapSettings(wrap => { wrap.WrapMode(WrapMode.Both); }) 
 
            .Columns(col => 
            { 
                   . . . 
            })) 
 

Please let us know if you have any further assistance on this. 

Regards, 
Venkatesh Ayothiraman. 


Loader.
Live Chat Icon For mobile
Up arrow icon