Board index Angular 2 PrimeNG Calendar overlays over p-dataTable, if in template.

Calendar overlays over p-dataTable, if in template.

UI Components for Angular 2


Posts: 7
I use the following code

<p-column field="MyDate" [filter]="true" filterMatchMode="equals" header="MyDate">
  <template pTemplate="filter" let-col>
    <p-calendar [(ngModel)]="dateFrom1"></p-calendar> {{dateFrom1|date}}
  </template>       
</p-column>


The problem is that the calendar is not drawn over of the table. It clipped on the edge of the cell !


Posts: 19
You'll need to add [style]="{'overflow':'visible'}" to the the p-column tag.


Posts: 7
Thanks !


Return to PrimeNG