Ui 网格消除字符串中的多个空格

Ui grid eliminates multiple spaces in string

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

中显示数据

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

这是解决方案。

UI 网格消除了多个空格只保留一个,因为空格被 ui-grid-cell-contents css

修剪掉了

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

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