Primeng- Angular2 - p-dataTable中的下拉菜單有樣式問題

我正在使用primeng數據表，並在其中應用了一個下拉菜單。一切工作正常，除非下拉列表填充我不能通過鼠標打開下拉菜單，但我可以通過鍵盤更改所選項目。我附加了我的用戶界面的圖像。Primeng- Angular2 - p-dataTable中的下拉菜單有樣式問題

<p-dataTable [value]="sites" [(selection)]="selectedSites" (onRowSelect)="onRowSelect($event)" (onRowUnselect)="onRowUnselect($event)"> 
      <p-column [style]="{'width':'38px'}" selectionMode="multiple"></p-column> 
      <p-column field="siteName" header="{{'SITE_FORM.SITENAME' | translate}}" sortable="true"></p-column> 
      <p-column field="clientName" header="{{'SITE_FORM.CLIENTNAME' | translate}}" sortable="true"></p-column> 
      <p-column header= "{{ 'ROLE_FORM.NAME' | translate }}"> 
       <template let-site="rowData" pTemplate type="body"> 
        <p-dropdown [style]="{'width':'100%'}" [options]="site.rolesSelectItem" [(ngModel)]="site.selectedRole"></p-dropdown> 
       </template>     
      </p-column> 
</p-dataTable>

UI result in my local machine

來源

2016-10-26 Mehrdad Panahandeh