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

Question

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

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

See plnkr

Answer 1

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

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

3.0 beta不稳定版本看起来已经做了很多改变，你可以做你想做的事情更容易......但是，它还没准备好用于生产。请参阅此示例中的标题单元格类条件：http://ui-grid.info/docs/#/tutorial/115_headerCellClass

我有一段时间试图让我的网格样式在我上一份工作中做出我的出价。在某个时刻，我们准备抛弃它，因为它太严格了。祝你好运。

Answer 2

在CSS中使用它。

.ui-grid-header-cell-primary-focus {

  line-height: 2.428571;

}