无法更改ng网格的标题行高

Question

我需要动态更改ng网格的标题行高度,具体取决于需要显示的列标题.有些列有一个很长的标题,我希望列名包装,所以它们不需要过宽.如果我最初设置一个高的标题高度,我也不想要很多空格,但如果没有显示那些长列名,则不需要空格.

问题是我无法动态更改headerRowHeight.花了一些时间才意识到我甚至无法使用范围变量初始化headerRowHeight,其方式与其他gridOptions相同(参见第23行).

见plnkr

Answer 1

这不起作用的原因是 ng-grid 在引擎盖下使用绝对定位。网格选项仅触发一次，然后style=在 html dom 节点上使用之后在 html 中设置高度。（这太糟糕了！）他们甚至在所有底层 header dom 节点上手动设置样式。

我想到的另一个途径是尝试使用 ngGridLayoutPlugin 重新绘制网格。我用这个玩了 30 分钟，但没有运气。您可以尝试手动重绘页面本身。看起来 ng-grid 不太擅长重绘网格，他们专门针对更新数据进行了优化，但没有对样式进行优化。

3.0 beta 不稳定版本看起来他们已经做了很多更改，您将能够更轻松地完成您想要做的事情...但是，它还没有准备好投入生产。请参阅此示例中的标题单元格类条件：http://ui-grid.info/docs/#/tutorial/115_headerCellClass

在我的上一份工作中，我花了很长时间试图让 ng-grid 样式来执行我的命令。在某个时候，我们准备放弃它，因为它限制太多。祝你好运。