2014-09-24 99 views
2

以前,当使用Kendo UI网格控件(版本2014.1.318)时,我的网格中的任何行的高度都是固定的,并且省略号用于显示宽度之外的任何内容细胞 - 看起来有点像下面的:Kendo UI网格行高通过控制动态设置

How it's supposed to look

现在,因为我升级到控件(2014.2.903)的最新版本,该行的高度似乎进行调整,以适应内容:

Not the appearance I want

该行的HTML现在包含下面的内嵌样式,而之前没有。

style="height: 45px;" 

我猜这是问题所在。我想知道是否有办法关闭此功能或脚本中的哪些位置可以删除此功能。我什至不能在release history中找到这个介绍!

编辑:我已经确定问题在于kendo.common.min.css文件。如果我使用旧的,一切工作正常...只是要找到导致问题的新风格

+0

你可以在http://dojo.telerik.com复制吗?这将帮助我们排除故障。 – 2014-09-24 14:31:09

回答

6

你可能会考虑提供自己的CSS来调整网格。 I've provided an example here。会感兴趣你是主要的CSS:

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

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

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

你可以阅读更多有关这对Telerik forums

+0

嗨欢迎来到StackOverflow,请直接在你的答案中包含代码片段与链接到jsFiddle(http://blog.stackoverflow.com/2014/09/introducing-runnable-javascript-css-and-html-code-snippets/ ?CB = 1)。 – Alexander 2014-09-24 16:56:04

+0

这消除了这个问题,特别是css:.k-grid td white-space:nowrap; text-overflow:ellipsis; } – loxdog 2014-09-25 08:01:13

0

从Cody的CSS的后续行动,这个问题在kendo.common.css文件被发现。我使用了2014年2月3日以后的全部新文件,但是将该文件设置为2014.1.318版本。不知道这些文件中有什么变化,因为我进行了比较,无法找到违规行。