单击“ ngb-datepicker”时如何增加卡的高度

时间:2019-06-13 03:42:20

标签: angular ng-bootstrap ngb-datepicker

我使用ngb-datepicker创建了一个“日期选择器”,并将其放置在表格中。

该表位于引导程序card-body的{​​{1}}中。

当我单击“日期选择器”时,将显示“日期选择器”并影响card的高度,从而出现card-body滚动。

此后,我尝试添加'data-container ='body',以使'date-picker'从表和卡片中显示在上方,如下所示

card-body

以下是我所做的示例:

An example result

如何确保当我单击<td> <div class="input-group"> <input class="form-control validation-field" placeholder="yyyy-mm-dd" name="sd" formControlName="startDate" ngbDatepicker #sd="ngbDatepicker" data-container="body"> <div class="input-group-append" (click)="sd.toggle()"> <span class="input-group-text"><i class="fa fa-calendar"></i></span> </div> </div> </td> datepicker中的table时,card body没有超过引导程序datepicker? >

因此,引导卡的高度会自动增加。

谢谢。

0 个答案:

没有答案