【问题标题】:Angular datepicker bootstrap with responsive table带有响应表的角度日期选择器引导程序
【发布时间】:2017-01-28 13:05:59
【问题描述】:

我正在使用带有 table-responsive 类的角度引导程序 https://angular-ui.github.io/bootstrap/。问题在于日期选择器会显示在表格内,如下图所示:

我可以解决它:

.table-responsive {
    overflow: visible;
}

它会很好地工作:

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

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

请帮助我并提前致谢。

【问题讨论】:

  • 您可以使用uib-datepicker-popup 并添加datepicker-append-to-body="true" 属性,将其附加到正文
  • 谢谢。它解决了我的问题。

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


【解决方案1】:

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

在这里,plunker

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2014-12-20
    • 2017-08-25
    • 1970-01-01
    • 1970-01-01
    • 2016-11-05
    • 2015-02-05
    相关资源
    最近更新 更多