Dispaly columns header for p-table when [responsive]="true"

[JuniperHarrington]

Hello,

I am using primeng's p-table and I want to display the column header in responsive mode. The header columns are displayed in Desktop mode but for Mobile display, the header columns are not displayed.
Here is the code for adding p-table: 10.0.0.0.1 192.168.10.1 192.168.1.254

Code: Select all

<p-table [responsive]="true"  [value]="datas" selectionMode="single" dataKey="name" [loading]="loading" [paginator]="true" [rows]="5" sortMode="single" [pageLinks]="5"
                 [rowsPerPageOptions]="[5,25,50,100,250]" [totalRecords]="[totalRecords]" [lazy]="true"  (onLazyLoad)="LazyLoad($event)">
                <ng-template pTemplate="header">
                   <tr >
                      <th id="name" pSortableColumn="name">
                           name <p-sortIcon field="name"></p-sortIcon>
                      </th>
                    </tr>
               </ng-template>
             <ng-template pTemplate="body" let-row >
                 <tr [pSelectableRow]="row">
                    <td class="wrap-long-Word">
                         <div [innerHTML]="row.name"></div>
                   </td>
                 </tr>
              </ng-template>
  </p-table>

Best regards