UI-Grid中表格數據中如果存在多個連續的空格，會顯示為一個空格，解決方法很簡單，只需要加上這樣一個樣式：

.ui-grid-cell-contents { white-space: pre !important;}

white-space 屬性設置如何處理元素內的空白。

pre：  空白會被瀏覽器保留。其行為方式類似 HTML 中的 <pre> 標簽。

以上這篇完美解決UI-Grid表格元素中多個空格顯示為一個空格的問題就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持武林網。