Angular datepicker bootstrap与响应表

时间:2017-01-28 13:06:00

标签: angularjs twitter-bootstrap angular-ui-bootstrap bootstrap-datepicker

我正在使用带有table-responsive类的角度引导程序https://angular-ui.github.io/bootstrap/。问题是在datepicker将显示在表格内,如下图:

enter image description here

我可以解决它:

.table-responsive {
    overflow: visible;
}

它会很好地工作:

enter image description here

现在如果我添加上面的修复程序,我在移动设备上的显示最终会像这样:

enter image description here

它不会滚动,它会溢出我的屏幕。我该如何解决这个问题?

请帮助我,并提前致谢。

1 个答案:

答案 0 :(得分:2)

使用弹出版本datepicker-append-to-body="true"将其链接到正文。它会很好地出现在你的桌子上方。

这是plunker