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. (Last updated on: November 16, 2018).
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

Resize Grid columns too see the whole text

Thread ID:





131364 Jul 6,2017 04:12 PM UTC Jul 12,2017 04:51 PM UTC ASP.NET Core 3
Tags: Grid
Asked On July 6, 2017 04:12 PM UTC

Hi Support:

I have the following grid definition.  Some columns have value that are greater than the column visible width.

How can I see the whole content of a cell.  I tried resizing the column and clicking the column header, etc with any luck.

<ej-grid id="grid" datasource="Model.Products"
         databound="databound" width=@("auto")>
    <e-scroll-settings frozen-columns="1"></e-scroll-settings>

        <e-column field="Name" header-text="Name"></e-column>
        <e-column field="Desc" header-text="Description"></e-column>
        <e-column field="Qty" header-text="Qty"></e-column>
        <e-column field="Brand" header-text="Brand"></e-column>
       <e-column field="Model" header-text="Model"></e-column>

Thanks in advanced


Farveen Sulthana Thameeztheen Basha [Syncfusion]
Replied On July 8, 2017 09:05 AM UTC

Hi David, 

Thanks for contacting syncfusion support. 

We have checked your query and Syncfusion Grid has the solution for “the content overflows its column width and to set the content fit into the cell”. In our Grid, we have the property known as “allow-text-wrap” which displays the text to be fit into the cell and  you can view the whole content of the cell. You can also set the different modes of autowrap using wrap-mode property of e-text-wrap-settings. By using this, you can also set wrapMode for Header, Content and Both.  Please refer to the Documentation and code example:- 

<ej-grid id="FlatGrid" allow-paging="true" allow-text-wrap="true" datasource="ViewBag.DataSource"> 
  <e-text-wrap-settings wrap-mode="Both"></e-text-wrap-settings> 
        <e-column field="OrderID" is-primary-key="true" header-text="Order ID" text-align="Right" width="70"></e-column> 
        <e-column field="CustomerID" header-text="Customer ID" width="80" ></e-column> 
        <e-column field="EmployeeID" header-text="Employee ID" width="80 ></e-column> 
        <e-column field="ShipCity" header-text="Ship City" width="80"></e-column> 

Please get back to us if you need any further assistance. 


Farveen sulthana T 

Replied On July 10, 2017 08:38 PM UTC

Thanks Farveen for the help.



Farveen Sulthana Thameeztheen Basha [Syncfusion]
Replied On July 12, 2017 04:51 PM UTC

Hi David, 
Thanks for your update. We are happy to hear that your reported problem was resolved. 
Please get back to us if you need any further assistance. 
Farveen sulthana T. 


This post will be permanently deleted. Are you sure you want to continue?

Sorry, An error occured while processing your request. Please try again later.

Please sign in to access our forum

This page will automatically be redirected to the sign-in page in 10 seconds.

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon