我在我的应用程序中使用了角度ui-grid,我的页面包含简单的文本框和验证按钮。通常我们在文本框中添加一些字符串并单击“验证”按钮,这些将通过一些外部服务进行验证并在ui-grid中显示数据
我的逻辑就像一个冠军,但我发现有些东西会给用户带来一些困惑。假设我在文本框中添加"Event 87654"
之类的内容并单击“验证”按钮,它会从我的服务中成功验证并在数据网格中显示为"Event 87654"
。所以,为什么ui网格自动消除给定字符串中的多个中间空间?有可能避免这种消除吗?谁能在这方面向我提出建议。
答案 0 :(得分:4)
这是解决方案。
UI网格消除了多个空格,只保留了一个,因为ui-grid-cell-contents css
修剪了空格所以我们需要像下面这样覆盖css。
.ui-grid-cell-contents {
white-space: pre !important; /*nowrap by default*/
}