Перенос слов в заголовок ng-grid

#css #angularjs #ng-grid

#css #angularjs #ng-grid

Вопрос:

У меня довольно длинные заголовки столбцов в моей ng-grid, и я пытаюсь перенести туда слова. Я некоторое время танцевал вокруг пользовательского ‘headerCellTemplate’, и теперь слова переносятся, но я не могу достичь адекватной высоты заголовка. Я предполагаю, что это происходит из свойства CSS ‘overflow’, но все мои усилия по этому поводу потерпели неудачу.

Есть ли простой способ перенести эти слова?

Вот плунжер: http://plnkr.co/edit/TnK8pl?p=preview

Ответ №1:

Просто установите параметры headerRowHeight in gridOptions:

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

Раздвоенный плунжер

Комментарии:

1. Простота — это предел сложности 🙂 Большое спасибо!