使用Angular ui-grid时的列标题包装

Question

我已将AngularJS SPA应用程序升级ng-grid v2.0.7到,ui-grid v3并且我的列标题不再包含在内.我的列标题现在是单行...标题,并在列标题不适合时显示省略号.

此功能是否已被删除或是否已被其他方法取代？

Answer 1

我相信我已经找到了一种通过覆盖ui-grid-cell-contentsCSS类来在标题列中包装文本的方法.

.ui-grid-header-cell .ui-grid-cell-contents {
     height: 48px;
     white-space: normal;
     -ms-text-overflow: clip;
     -o-text-overflow: clip;
     text-overflow: clip;
     overflow: visible;
}

将此添加到我的site.css我发现列名称现在按预期包装到下一行.

适用于Chrome(v41)和Firefox(v35).