I have displayed URL in my kendo Grid, i set the column width =140. when i bind the grid URL column not wrap up with in the column[It expand long],This is error will come only IE ,it is working correctly in Mozilla.Please provide the information as soon as possible.
1 Answer, 1 is accepted
answered on 12 Dec 2012, 09:19 AM
The Grid behavior in your case matches the behavior of regular <table> elements. When a table cell contains something, which cannot fit in the specified width and does not wrap by default, there are several possibilities:
1. If the table layout is "auto", the column will expand. The Grid table layout is auto when Grid scrolling is disabled.
2. If the table layout is "fixed", the column will not expand and the content will overflow. The Grid table layout is fixed when Grid scrolling is enabled. In addition, in this case the Grid uses ellipsis for overflowing content, so you will see three dots instead of the content that does not fit.
If you want the behavior of (2) without enabling Grid scrolling, you can apply a table-layout:fixed style to the Grid <table> element.
If you want to wrap the URL, you can use CSS3 and apply the word-wrap:break-word style to the Grid table cells. Note that this will not work in all browsers.
the Telerik team
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!