关于javascript:Kendo UI网格行高通过控件动态设置

Kendo UI Grid Row Height set Dynamically by control

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

How its supposed to look

现在,由于我已升级到最新版本的控件(2014.2.903),因此行的高度似乎已进行调整以适合以下内容:

Not the appearance I want

该行的HTML现在包含以下内容的内联样式,而以前则没有。

1
style="height: 45px;"

我猜这是问题所在。 我想知道是否有办法关闭此功能,或者可以在脚本中的什么位置删除它。 我什至找不到发行历史中引入的时间!

编辑:我已经确定问题出在kendo.common.min.css文件中。 如果我使用旧的,一切都很好...只是找到导致问题的新样式


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

1
2
3
4
5
6
7
8
9
10
11
12
.k-grid table {
   table-layout: fixed;
}

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

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

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


根据Cody的CSS,在kendo.common.css文件中发现了问题。 我使用了2014.2.903中的整套新文件,但其中一个文件设置为2014.1.318版本。 不知道这些文件中发生了什么变化,因为我进行了比较并且无法发现有问题的行。