Column header wrapping when using Angular ui-grid

Question

I have upgraded my AngularJS SPA application from ng-grid v2.0.7 to ui-grid v3 and my column headers no longer wrap around. My column headers are now s

Answer 1

I added the following css to get mine to work. The line height auto adjusts when depending on the number of lines needed. When scrolling horizontally, it will change to number of lines based on what is visible.

.ui-grid-header-cell-label {
    display:inline-block;
    white-space:initial;
}