在角度ui网格中实现自动行高时,分组失败

时间:2016-08-21 18:30:37

标签: css angularjs angular-ui-grid row-height

我是Angular JS的新手。我一直在尝试创建一个具有自动行高的角度ui网格。

当单元格的内容不适合时,特定行的高度应该自动增加。我正在使用ng-input-tags库作为单元格内容应该增加的列之一。

然而,我能够通过以下CSS代码实现相同的目标。

.ui-grid-row {
  height: auto!important;
}

.ui-grid-row > div {
  display: table-row;
}

.ui-grid-row > div .ui-grid-cell {
  display: table-cell;
  float: none;
  vertical-align: middle;
  height: auto!important;
}

.ui-grid-cell-contents {
  white-space: normal;
  text-overflow: inherit;
  word-break: break-word;
}

但是当我应用分组和选择时,它会完全中断。

我创建了plnkr来证明这个问题。

我希望网格支持自动行高,同时它不应该松散分组和选择功能。

0 个答案:

没有答案