通过控制动态设置Kendo UI网格行高度

时间:2014-09-24 13:14:04

标签: javascript kendo-ui telerik kendo-grid kendo-asp.net-mvc

以前使用Kendo UI网格控件(版本2014.1.318)时,网格中任何行的高度都是固定的,椭圆用于显示单元格宽度之外的任何内容 - 看起来有点像下图:

How it's supposed to look

现在,自从我升级到最新版本的控件(2014.2.903)后,行的高度似乎会调整为适合内容:

Not the appearance I want

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

style="height: 45px;"

我猜这是问题所在。我想知道是否有办法关闭此功能或在脚本中我可以删除它。我甚至无法找到release history中引入的内容!

编辑:我发现问题出在kendo.common.min.css文件中。如果我使用旧的,一切正常......只需要找到导致问题的新风格

2 个答案:

答案 0 :(得分: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

上详细了解相关信息

答案 1 :(得分:0)

继续使用Cody的CSS,问题出现在 kendo.common.css 文件中。我使用了2014.2.903中的全新文件集,但是将这一个文件设置为2014.1.318版本。不确定这些文件中的更改是什么,因为我进行了比较并且无法发现有问题的行。