title: NGX-Datatable with Angular 2 - Wrap Column's Name
body: <p>I have a ngx-datatable with Angular 2 that has some very long column names.
  I would like to duplicate what they do with Auto Height for row (<a href="http://swimlane.github.io/ngx-datatable" rel="nofollow noreferrer">Link to Documentation</a>) but would settle for just getting the really long names to wrap into multiple lines.</p>
  
  <p>Normally this wouldn't be an issue but with my newness to Angular I'm stuck. Normal things like overflow-wrap or word-wrap don't seem to work. Any help and or advice would be appreciated. Thanks!</p>
  
  <p>My current code:</p>
  
  <pre><code>  &lt;div class="full-width"&gt;
      &lt;ngx-datatable
        class='material'
        [rows]='rows'
        [columns]="columns"
        [columnMode]="'standard'"
        [headerHeight]="150"
        [footerHeight]="50"
        [scrollbarH]="true"
        [rowHeight]="'auto'"
        &gt;
      &lt;/ngx-datatable&gt;
    &lt;/div&gt;
  </code></pre>