2017-02-14 10 views
0

私のアプリケーションではpicklistを使用していますが、矢印のアイコンがページに表示されていない、データ項目をソースからターゲットに移動するボタンアイコンのようです。空白のボタンが表示されます。項目を選択してボタンをクリックすると、期待通りに機能しますが、アイコンは表示されません。Primeng:PickListボタンアイコンが表示されない

<p-pickList [source]="availableColumns" [target]="usedColumns" sourceHeader="Available" targetHeader="Used" [responsive]="true" [sourceStyle]="{'height':'300px'}" [targetStyle]="{'height':'300px'}"> 
          <template let-col pTemplate="item"> 
           <div class="ui-helper-clearfix">         
            <div style="font-size:14px;margin:5px 5px 0 0">{{col.header}}</div> 
           </div> 
          </template> 
         </p-pickList> 

私のコンソールに何のエラーもありません。

here is my screenshot

+0

コードとエラーメッセージを追加してください。 – candidJ

+0

が編集されました、上記を参照してください、私は私のコンソールでエラーが発生しませんでした。 –

+1

こんにちは、私はこの問題を解決し、jquery-ui.css ui-button-icon-onlyクラスをオーバーライドしています。今のところ私はjqueryuiのCSSとその正常な作業を削除しました –

答えて

1

primengは、アイコンのフォント素晴らしいを使用しているため、あなたのプロジェクトにフォント素晴らしい追加しました。

関連する問題