在NG-网格的头部包裹话 [英] Wrapping words in the ng-grid's header

问题描述

我有我的NG-格pretty长的列标题，并试图在那里换的话。我一直在跳舞各地自定义headerCellTemplate了一段时间，现在的话被包裹，但我不能达到足够的标题高度。我想这从溢出CSS属性来，但我的所有关于它的努力都失败了。

I've got pretty long column titles in my ng-grid and trying to wrap words there. I've been dancing around custom 'headerCellTemplate' for some time and now words are wrapped, but I can't reach the adequate header height. I guess it coming from the 'overflow' CSS property, but all my efforts about it were failed.

有没有一种简单的方法来包装这些话？

Is there an easy way to wrap these words?

下面是plunker： http://plnkr.co/edit/TnK8pl？ p = preVIEW

Here is the plunker: http://plnkr.co/edit/TnK8pl?p=preview

推荐答案

只需设置 headerRowHeight 在gridOptions：

Just set the headerRowHeight in gridOptions:

    $scope.gridOptions = { 
      data: 'myData', 
      enableRowSelection: false,
      columnDefs: 'gridColumns',
      headerRowHeight: 50
    };

叉形Plunker

这篇关于在NG-网格的头部包裹话的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！