オートコンプリートは、ドロップダウンの単語間のスペースを切り捨てます

Question

オートコンプリートが機能するための変数の配列としてアイテムをロードしています。 ソース内の項目は、次のようになります。

'.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', 

は、最初の文字に注目してくださいは、商品説明に続いてアイテムコードです。

文字列の先頭から項目説明の最初の文字まで常に同じ量の文字（空白を含む）があります。アイテムを選択すると、入力内のテキストが配列内に正確に表示されますが、ドロップダウンリストにはアイテムコードとアイテムの説明の間に1つのスペースしか表示されません。 jquery uiは、単語間のスペースを最大1つに切り捨てます。

元の文字列を持っているスペースの正確な量を表示するドロップダウンのための方法はあります。私はこれを達成する必要がありますので、見やすくするためにアイテムがテーブルのように見えます。 解決策または回避策があれば幸いです。ノーブレークスペースに各結果の各スペースを置き換える

Answer 1

：

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

唯一の問題は、文字間隔です。すべての文字が同じスペースを占めるわけではないので、少し外見になります。しかし、ちょっと、一度に1つの問題。

Answer 2

てみてください。これを追加することで解決