Calendar overlays over p-dataTable, if in template.

UI Components for Angular
Post Reply
Kensy
Posts: 7
Joined: 16 Feb 2017, 15:12

17 Feb 2017, 15:18

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
Posts: 21
Joined: 15 Sep 2016, 20:04

17 Feb 2017, 17:04

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

Kensy
Posts: 7
Joined: 16 Feb 2017, 15:12

20 Feb 2017, 10:13

Thanks !

Post Reply
  • Information
  • Who is online

    Users browsing this forum: No registered users and 1 guest