Primeng可展开列标题不显示

Question

我在使用Primeng2的Angular2中有一个可展开的行，但没有显示可展开列的列标题。

这是我的表与展开的行：

<p-dataTable [value]="activetrucks" expandableRows="true" [(selection)]="selectedtruck"> 
    <p-header> 
    List of Active trucks 

    </p-header> 
    <p-column expander="true"></p-column> 
    <p-column field="owner_id" header="Transporter"></p-column> 
    <p-column field="reg_no" header="Truck number"></p-column> 
    <p-column field="truck_category" header="Truck type" ></p-column> 

    <template let-user pTemplate="rowexpansion"> //headers dont show 
    <div class="ui-grid ui-grid-responsive ui-fluid"> 
     <p-dataTable [value]="stages" [paginator]="true" [pageLinks]="3"> 
     <p-header> 
      The different stages 
     </p-header> 
     <p-column field="status" header="Status"></p-column> 
     <p-column field="created_at" header="Done by"></p-column> 
     <p-column field="created_by" header="Date"></p-column> 

     <p-column styleClass="col-button"> 
      <template let-truck="rowData" pTemplate="body"> 
      <button type="button" pButton (click)="onremoveTruck(truck)" icon="fa-remove"></button> 
      </template> 
     </p-column> 

     </p-dataTable> 
    </div> 
    </template> 

</p-dataTable> 

在扩展行头不显示如下图所示的画面。

什么可能是错的？

Answer 1

创建或编辑与此内容的css文件：

th .ui-column-title { 
    display: inline !important; 
} 

和编辑组件文件：

import {ViewEncapsulation} from '@angular/core'; 

@Component({ 
    ... 
    styleUrls: ['file.css'], 
    encapsulation: ViewEncapsulation.None 
}) 

Answer 2

我遇到类似的问题，并能够通过删除[响应来解决它]属性。

I have posted an answer here