html - 滚动后 ui-grid 单元格模板中的多选下拉列表无法正确呈现

Question

我正在使用 Angular ui-grid 并创建一个带有多选下拉列表的可编辑单元格模板。 我试过this教程，但它不工作。 我使用的是简单的多选下拉菜单，但对其进行了自定义，以便在单击按钮时打开。我关注了this plnkr 设置多选下拉菜单的样式以在网格上方打开并在单元格下方重叠。

.ui-grid-cell .ui-grid-cell-contents {
  overflow: visible;
}
.ui-grid-cell-focus{
  overflow: visible;
}

我将单元格模板的位置设置为绝对位置。

但是当我向下滚动时，样式不起作用。对于最后几行，它甚至没有打开。

我该如何解决这个问题，请帮忙。

Answer 1

问题可能是由于表格高度引起的。增加 table 高度对我有用。