[Solved] Grid is distorted when entered large data in the field

[Ravi Keshwani]

Hi,

 I am setting grid column width explicity when declaring in the view. But when the contents of the column are more then the width the grid is getting distorted. I tried the same in the sample provided by telerik but the issue also persists in the demo too. pls find the screen shot..

What is expect is the width should remain static and the contents should be wrapped or shown as "contents upto to column width......"  as it was possible in asp.net telerik.

Thanks
Ravi keshwani

[shiva]

Hello,
 this is one of the major problems faced by everybody and if telerik could provide some fix for it would be great!

[Dimo]

Hello,

The observed problem is caused by a combination of two default browser behaviors:

1. table cells normally expand to enclose all their content, unless you set table-layout:fixed style to the Grid table. After that the content, which does not fit in the horizontal space and cannot be wrapped, will be clipped.

Html.Telerik().Grid().TableHtmlAttributes(new {style = "table-layout:fixed"})


2. browser normally do not split long words or numbers, unless you use an additional CSS rule:

.t-grid  td
{
      word-break:break-all;
}

However, note that the above style is not supported by all browsers.


An alternative way to prevent issues with long words is to enable Grid scrolling:

Html.Telerik().Grid().Scrollable(scrolling => scrolling.Enabled(true))

http://demos.telerik.com/aspnet-mvc/grid?theme=vista


Kind regards,
Dimo
the Telerik team