p-datatable - 列寬度的變化

我正在使用PrimeNG數據表。我想改變一列的寬度。p-datatable - 列寬度的變化

<p-dataTable [value]="client" sortField="order"> 
    <p-column field="name" header="Name"> 
     <template let-col let-client="rowData" let-ri="rowIndex" pTemplate="body"> 
      <span>{{client[col.field]}}</span> 
     </template> 
    </p-column> 
    <p-column field="id" styleClass="id-width"> 
     <template let-col let-client="rowData" let-ri="rowIndex" pTemplate="body"> 
      <button pButton type="button" icon="fa fa-pencil" iconPos="left" (click)="edit(client[col.field])"></button> 
     </template> 
    </p-column> 
</p-dataTable>

在id列我把styleClass="id-width"和在CSS文件，我把下列：

.id-width { 
    width: 49px; 
}

然而，根據下面的圖片中，寬度保持不變。兩列保持相同的大小。

來源

2017-02-12 rafaelcb21

PrimeNG = PrimeFaces – Kukeltje

我找到了解決辦法：

作者： <p-column field="id" styleClass="id-width">

到： <p-column field="id" [style]="{'width':'49px'}">

來源

2017-02-12 12:30:53 rafaelcb21

p-datatable - 列寬度的變化

回答

相關問題