Calendar overlays over p-dataTable, if in template.

[Kensy]

I use the following code

Code: Select all

<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 !

[tengel92]

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

[Kensy]

Thanks !