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

时间:2017-10-26 08:28:51

标签: html css angularjs angular-ui-grid

我正在使用角度ui-grid并使用多选下拉列表创建可编辑的单元格模板。 我已经尝试了this教程,但它没有用。 我正在使用简单的多选下拉列表,但是对其进行了自定义,以便在按钮单击时打开它。我按照this plnkr来设置多选下拉列表的样式,以在网格上方打开并在单元格下方重叠。

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

我将celltemplate的位置设置为绝对值。

enter image description here

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

enter image description here

如何解决此问题请帮助。

1 个答案:

答案 0 :(得分:0)

该问题可能是由于桌子高度引起的。增加桌子的高度对我有用。