angular-ui-grid - ui grid消除字符串中多个空格

Question

我在我的应用程序中使用了角度 ui-grid，我的页面包含简单的文本框和验证按钮。通常我们在文本框中添加一些字符串并单击验证按钮，这些将通过一些外部服务进行验证并在 ui-grid 中显示数据

我的逻辑运行得非常好，但我发现有一些东西让用户感到困惑。假设我在文本框中添加类似 "Event 87654" 的内容并单击验证按钮，它会从我的服务中成功验证并显示为 "Event 87654"在数据网格中。所以问题是为什么 ui grid 会自动消除给定字符串中的多个中间空格？？是否有可能避免这种消除？任何人都可以在这方面给我建议。

Answer 1

这是解决方案。

UI 网格消除了多个空格并只保留一个，因为 ui-grid-cell-contents css 修剪掉了空格

所以我们只需要像下面这样覆盖 css。

 .ui-grid-cell-contents {
      white-space: pre !important; /*nowrap by default*/
   }