Ngx-datatable: text wrap

[roydekleijn]

I'm submitting a ... (check one with "x")

[ ] bug report => search github for a similar issue or PR before submitting
[ ] feature request
[x] support request => Please do not submit support request here, post on Stackoverflow or Gitter

Current behavior
Within a cell the text is not wrapped. Is there some setting I missed ?

Expected behavior
Wrapped text.

Reproduction of the problem
<ngx-datatable class="material" [rows]="rows" [headerHeight]="50" [footerHeight]="50" [rowHeight]="50" [limit]="10" [rowHeight]="'auto'" >

What is the motivation / use case for changing the behavior?
To see more text within a cell

Please tell us about your environment:
Angular 5 / angular-cli

• Table version: 0.8.x
  11.1.7

• Angular version: 2.0.x
  5.1.0

• Browser: [all | Chrome XX | Firefox XX | IE XX | Safari XX | Mobile Chrome XX | Android X.X Web Browser | iOS XX Safari | iOS XX UIWebView | iOS XX WKWebView ]
  all

• Language: [all | TypeScript X.X | ES6/7 | ES5]
  ES5

[roydekleijn]

it would be very nice if we can add [scrollbarV]="true" to row details.

[masscrx]

You have [rowHeight]="50" and [rowHeight]="'auto'", please try to change only to 'auto'

[bhushangahire]

When you have a fixed header then you cant have wrap text. Any way to fix it?

[BigPackie]

When you have a fixed header then you cant have wrap text. Any way to fix it?

You can make the header auto height by setting [headerHeight]="$any('auto')" and wrap the text by setting style overflow-wrap:break-word on the table or header.

Got the idea from #1549

Not sure that this is what you wanted. Anyways, I hope it helps somebody.