Angular 具有响应式 table 的日期选择器 bootstrap

Question

我正在使用 angular bootstrap https://angular-ui.github.io/bootstrap/ 和 class table-responsive。问题是日期选择器会显示在table里面，如下图：

我可以通过以下方法修复它：

.table-responsive {
    overflow: visible;
}

它会很好地工作：

现在，如果我添加上面的修复程序，我在移动设备中的显示结果将如下所示：

它将无法滚动并且会溢出我的屏幕。我该如何解决这个问题？

请帮助我并提前致谢。

Answer 1

将 datepicker-append-to-body="true" 与弹出版本一起使用以将其链接到正文。它会很好地显示在您的 table 上方。

在这里，在 plunker.