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

Question

我需要动态更改 ng 网格的标题行高度，具体取决于需要显示哪些列标题。有些列有一个很长的标题，我希望列名可以换行，这样它们就不需要太宽。如果我最初设置高标题高度，我也不想要很多空白空间，但是如果不显示那些长列名称，则不需要空格。

问题是我无法动态更改 headerRowHeight。花了一些时间才意识到我什至无法像其他 gridOptions 一样使用作用域变量初始化 headerRowHeight(参见第 23 行)。

See plnkr

Answer 1

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



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

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

我花了很长时间试图让 ng-grid 样式来满足我在上一份工作中的要求。在某个时候，我们准备放弃它，因为它太严格了。祝你好运。