This is a migrated thread and some comments may be shown as answers.

Kendo Gird Column width not working IE

1 Answer 202 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Parthasarathi
Top achievements
Rank 1
Parthasarathi asked on 11 Dec 2012, 06:00 AM
HI All,
              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.


Thanks
Parthasarathi M

1 Answer, 1 is accepted

Sort by
0
Dimo
Telerik team
answered on 12 Dec 2012, 09:19 AM
Hello Parthasarathi,

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.

Greetings,
Dimo
the Telerik team
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Tags
Grid
Asked by
Parthasarathi
Top achievements
Rank 1
Answers by
Dimo
Telerik team
Share this question
or