Question

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

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

Answer 1

我相信通过覆盖ui-grid-cell-contents CSS类，我找到了一种在标题列中包装文本的方法。

.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（第35版）。

Answer 2

我添加了以下css让我的工作。根据所需的行数，行高自动调整。水平滚动时，它将根据可见内容更改为行数。

BADHOST

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

2 个答案: