javascript - Kendo UI Grid Row Height set Dynamically by control - Stack Overflow

admin管理员组

文章数量:1325236

Previously when using the Kendo UI Grid control (version 2014.1.318), the height of any rows in my grid were fixed and ellipses were used to show any content outside the width of the cell - looking a little like the below:

Now, since I upgraded to the latest version of the controls (2014.2.903), the height of the row seems to be adjusted to fit the content:

The HTML for that row now contains the in-line style of the below, whereas previously it did not.

style="height: 45px;"

I'm guessing this is the problem. I want to know if there's a way to turn off this feature or where in the scripts I can remove this. I can't even find when this was introduced in the release history!

EDIT: I've identified the problem lies within the kendomon.min.css file. If I use the old one, everything works fine... just got to find the new style that's causing the issue

Previously when using the Kendo UI Grid control (version 2014.1.318), the height of any rows in my grid were fixed and ellipses were used to show any content outside the width of the cell - looking a little like the below:

Now, since I upgraded to the latest version of the controls (2014.2.903), the height of the row seems to be adjusted to fit the content:

The HTML for that row now contains the in-line style of the below, whereas previously it did not.

style="height: 45px;"

I'm guessing this is the problem. I want to know if there's a way to turn off this feature or where in the scripts I can remove this. I can't even find when this was introduced in the release history!

EDIT: I've identified the problem lies within the kendo.mon.min.css file. If I use the old one, everything works fine... just got to find the new style that's causing the issue

• javascript
• kendo-ui
• telerik
• kendo-grid
• kendo-asp-mvc

Share Improve this question Follow edited Sep 24, 2014 at 14:36 loxdog asked Sep 24, 2014 at 13:14 loxdogloxdog 1,00733 gold badges1212 silver badges3030 bronze badges 1

• Can you replicate in dojo.telerik.? That will help us troubleshoot. – user244313 Commented Sep 24, 2014 at 14:31

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 6

You might consider providing your own CSS to adjust the Grid. I've provided an example here. The main CSS that would interest you being:

.k-grid table {
   table-layout: fixed;
}

.k-grid tbody tr{
    height: 50px;
}

.k-grid td{
    white-space: nowrap;
    text-overflow: ellipsis;
}

You can read more about this on the Telerik forums

Following up from Cody's CSS, the problem was found in the kendo.mon.css file. I used the entire new set of files from 2014.2.903, but with that one file set to the 2014.1.318 version. Not sure what's changed in those files, as I ran a parison and couldn't spot the offending line.

本文标签： javascriptKendo UI Grid Row Height set Dynamically by controlStack Overflow