2017-02-14 85 views
0

我在我的应用程序中使用了选择列表,但它似乎是用于将数据项从源移动到目标的按钮图标,箭头图标未显示在我的页面中。它只显示空白按钮。如果您选择项目并单击任何按钮,它将按预期工作,但图标不会显示。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使用字体真棒图标的。