ng-grid headerRowTemplate隐藏引导下拉列表

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;}

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