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

Question

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

我的逻辑就像一个冠军，但我发现有些东西会给用户带来一些困惑。假设我在文本框中添加"Event 87654"之类的内容并单击“验证”按钮，它会从我的服务中成功验证并在数据网格中显示为"Event 87654"。所以，为什么ui网格自动消除给定字符串中的多个中间空间？有可能避免这种消除吗？谁能在这方面向我提出建议。

Answer 1

这是解决方案。

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

修剪了空格

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

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