如何在kendo ui网格中显示长单元格值的省略号？

Question

我试图在kendo网格中显示长值的省略号.根据telerik论坛,我需要设置css中的folling

.k-grid td
{
overflow: hidden;
text-overflow: ellipsis;
}

我试图在网格的数据绑定事件中设置样式,如下所示

var grid = $("#kendoGrid").kendoGrid({
        columns: columnConfiguration,
        dataBound: function (e) {
$("#kendoGrid td").css("overflow", "hidden");                               
$("#kendoGrid td").css("text-overflow", "ellipsis");
},......other events and functions

但这不起作用.网格仍未显示省略号.

如何显示省略号.注意:我不能把它放在一个css文件中.

Answer 1

添加到CSS white-space: nowrap;

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

在这里看到它:小提琴