javascript - Kendo UI 网格行高由控件动态设置

Question

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

现在，由于我升级到最新版本的控件(2014.2.903)，行的高度似乎已调整为适合内容:

该行的 HTML 现在包含下面的内联样式，而以前没有。

style="height: 45px;"

我猜这就是问题所在。我想知道是否有办法关闭此功能或我可以在脚本中的何处删除此功能。我什至找不到这是什么时候在 release history 中引入的!

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

Answer 1

您可以考虑提供自己的 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 上阅读更多相关信息