twitter-bootstrap - ng-grid headerRowTemplate 隐藏 Bootstrap 下拉菜单

Question

我在表头中使用 Bootstrap 下拉菜单，但它只是部分可见。

我发现这是由 ngHeaderContainer 引起的使用 overflow:hidden 的 CSS 属性.

我在我的 CSS 中覆盖了这个属性，如下所示:

.ngHeaderContainer { overflow: visible !important; }

问题是我的表包含很多列，需要使用水平滚动条才能看到它们。向右滚动表格中的数据时，标题保持固定，不滚动。

我已经实现了一些变通方法，仅在 focus 之后才覆盖该属性。并回滚 blur但这也无济于事。

如果表格中的数据向右滚动，我设置 ngHeaderContainer为可见，则标题已损坏并且可见，就像未滚动数据时(从第一列开始)一样。

如果我设置将无济于事

.ngHeaderCell { overflow: visible !important; }

因为 ngHeaderContainer是父级，不允许显示内容。

有人注意到类似的问题吗？

Answer 1

我遇到了同样的问题，.ngHeaderContainer {overflow:hidden}应该保持不变
在 css 中写

.ngViewport{overflow: auto;}

这对我有用，这将启用视口(viewport)底部的滚动。