css - 如何在剑道 ui 网格中显示长单元格值的省略号？

Question

我试图在剑道网格中显示长值的省略号。根据 telerik 论坛，我需要在 css 中设置以下内容

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

我正在尝试在网格的数据绑定(bind)事件中设置样式，如下所示

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;
}

在此处查看实际效果:Fiddle