angular-ui-grid - UI-GRID - 动态行高 - 替代方案

Question

我试图让一个单元格动态扩展它的高度。

有没有办法在渲染后调整行(GridRow)的高度？

如果没有，那么我将尝试在网格中使用可扩展的网格或树。

是否可以在特定单元格/列之外显示可扩展网格？

目前，我看到所有可扩展的网格/树网格占据了父级下方的整行。

谢谢

Answer 1

将此 css 添加到您的样式中:

.ui-grid-viewport .ui-grid-cell-contents {
  word-wrap: break-word;
  white-space: normal !important;
}

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

.ui-grid-row div[role=row] {
  display: flex ;
  align-content: stretch;
}