某些文本在 Edge 和 Chrome 中中断 - 浏览器兼容性

Question

我有一个 kendo 网格，当在 Chrome 或 Microsoft Edge 中签入时，某些文本会中断并进入下一行。但在 Internet Explorer 10 中，文本不会中断。请参考下面的图片以便更好地理解。

Chrome 查看：

Internet Explorer 视图：

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

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

Answer 1

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

columns.Bound(p => p.Code)
       .Width(4100)
       .Title("A/C Code")
       .Filterable(false)
       .ClientTemplate("<span style='white-space:nowrap;'>#=Code#</span>");

我不是 CSS 大师 - 你也许也可以使用 white-space:pre