Jquery 自动完成截断下拉列表中单词之间的空格

我将项目作为变量数组加载，以便自动完成工作。 在源代码中，项目如下所示：

'.12L    2 LB RYE', 
'.16G    6 GRAIN', 
'.16GR   6 grain roll', 
'.199    1-1\\2 LB WHITE', 
'.1BP    black pump', 
'.1CB    CLUB BREAD', 
'.1CL    CLUB fer.', 
'.1CLN   CLUB NEW', 
'.1CM    CLUB MEZONOS', 
'.1CRB   CORN BREAD',

请注意，第一个字符是项目代码，后跟项目说明

从字符串的开头到项目描述的第一个字符，始终有相同数量的字符（包括空格）。当我选择一个项目时，输入中的文本将以其在数组中的方式显示，但下拉列表仅显示项目代码和项目描述之间的一个空格。jQueryUI似乎将单词之间的空格最大截断为一个

是否有一种方法可以让下拉列表显示原始字符串的确切空格数。我需要做到这一点，使项目看起来像是在一个表格中的可读性。

---

任何解决方案或解决方法都将不胜感激。

尝试将每个结果中的每个空格替换为非中断空格：

 

---

尝试将每个结果中的每个空格替换为非中断空格：

 

通过添加以下内容解决：

$('.ui-autocomplete').wrap(function() {
                    return '<pre class="spacing">' + $(this).text() + '</pre>';
                    });

$（'.ui自动完成'）.wrap（函数（）{
返回“”+$（this）.text（）+“”；
});

唯一的问题是字母间距。并非所有字符都占用相同的空间，因此看起来有点不协调。但是，嘿，一次解决一个问题。

通过添加以下内容解决：

$('.ui-autocomplete').wrap(function() {
                    return '<pre class="spacing">' + $(this).text() + '</pre>';
                    });

$（'.ui自动完成'）.wrap（函数（）{
返回“”+$（this）.text（）+“”；
});

---

唯一的问题是字母间距。并非所有字符都占用相同的空间，因此看起来有点不协调。但是，嘿，一次解决一个问题。

尝试过，但它显示的是这样的。16GR 6谷物卷“尝试过，但显示的是这样的。16GR 6谷物卷”