Kendo ui 某些文本在Edge和Chrome浏览器兼容性方面存在缺陷

Kendo ui 某些文本在Edge和Chrome浏览器兼容性方面存在缺陷,kendo-ui,cross-browser,kendo-grid,microsoft-edge,Kendo Ui,Cross Browser,Kendo Grid,Microsoft Edge,我有一个剑道网格,当在Chrome或MicrosoftEdge中检查时,某些文本会断裂并进入下一行。但在InternetExplorer10中,文本不会中断。请参考下面的图片,以便更好地理解 Chrome视图: Internet Explorer视图: 下面是我用来显示列的代码。如何在不增加宽度的情况下解决所有浏览器中的文本破损问题 columns.Bound(p => p.Code).Width(4100).Title("A/C Code").Filterable

我有一个剑道网格,当在Chrome或MicrosoftEdge中检查时,某些文本会断裂并进入下一行。但在InternetExplorer10中,文本不会中断。请参考下面的图片,以便更好地理解

Chrome视图:

Internet Explorer视图:

下面是我用来显示列的代码。如何在不增加宽度的情况下解决所有浏览器中的文本破损问题

columns.Bound(p => p.Code).Width(4100).Title("A/C Code").Filterable(false);

您可以尝试使用ClientTemplate将值与一些css一起放入,以防止换行。像这样:

columns.Bound(p => p.Code)
       .Width(4100)
       .Title("A/C Code")
       .Filterable(false)
       .ClientTemplate("<span style='white-space:nowrap;'>#=Code#</span>");
columns.Bound(p=>p.code)
.宽度(4100)
.标题(“A/C代码”)
.可过滤(错误)
.ClientTemplate(“#=代码#”);

我不是CSS大师-您可能还可以使用空格:pre

您使用的是哪个版本的Edge?您可以使用F12开发工具元素选项卡检查应用于元素的CSS样式。您可以在IE和Edge中提供该元素的相关CSS样式,以便我们可以比较它们之间的差异,并查看如何更改样式,使它们在不同的浏览器中看起来相同。