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

lox*_*dog 2 javascript telerik kendo-ui kendo-grid kendo-asp.net-mvc

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

它应该如何看待

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

不是我想要的外表

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

style="height: 45px;"
Run Code Online (Sandbox Code Playgroud)

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

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

小智 6

您可以考虑提供自己的CSS来调整网格.我在这里提供了一个例子.您感兴趣的主要CSS:

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

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

.k-grid td{
    white-space: nowrap;
    text-overflow: ellipsis;
}
Run Code Online (Sandbox Code Playgroud)

您可以在Telerik论坛上阅读有关此内容的更多信息