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

我试图在剑道网格中显示长值的省略号。 根据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文件中。

我不熟悉剑道，但对他们的演示进行快速测试（使用firebug）似乎很有用 显示该设置：

text-overflow: ellipsis
white-space: nowrap

---

正如CSS属性应该做到的那样。

您需要创建一个CSS类，然后将其绑定到KendoGrid的dataBound属性中

代码段：

    dataBound:function() {
        $('td').each(function(){
            $(this).addClass('ellipsisClass')
        })
    }

CSS类：

.ellipsisClass {
    text-overflow: ellipsis;
    overflow: hidden;
}

---

添加到CSS

空白处：nowrap

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

请在此处查看操作：
我在剑道格网中显示省略号时也遇到问题，我尝试了上面的所有答案，但都没有成功。我的解决方案非常简单：这个css类（文本溢出：省略号）被代码中的另一个css设置覆盖！
这个类从剑道设置为默认值！所以省略号应该是现成的！
因此，如果有人遇到同样的问题，请首先检查以下内容：

可滚动（）
网格属性是否已激活
是否有任何css
设置阻止显示它

希望这个额外的答案能帮助某人…
被接受的解决方案似乎对我不起作用。文本未被隐藏，导致出现大行。
我尝试了以下方法：

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

这样，文本显示在一行中并显示省略号。
哪个演示？你能给我这个链接吗？我正在设置相同的属性，但由于无法在css中设置，所以我尝试在databiund事件中进行设置。对于工具提示，你可以尝试在上设置“title”属性。大多数浏览器都会将其呈现为工具提示。我有没有办法显示省略号内容的工具提示？这是IE 11特有的代码？这种风格在IE10上不起作用。只是在IE10.0.9200.16921中测试了我的小提琴，效果很好。不，它不应该特定于IE11，因为这是内联编辑网格中的旧CSS（CSS1），我还必须添加.k-grid表{table layout:fixed；}@OnaBai参考您的JSFIDLE示例：有没有一种方法可以动态实现相同的效果，例如，对于每一列，或者只是当网格是动态构建的，而您并不总是知道列名时？在我的例子中，我必须添加空白：nowrap以使其工作。谢谢你的帮助。@syd:我以为你想在函数中使用它，而不是在cssClass中应用它。不过我很乐意帮忙