Ngx-Datatable does not wrap text when [scrollbarV]="true"

I’m submitting a … (check one with “x”)

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

Current behavior When setting [scrollbarV]=“true” and [rowHeight]=“getRowHeight” text is not wrapping in the row even though the height of the row is large enough for it to wrap. Currently my getRowHeight function just returns 500.

Expected behavior I would expect that as long as the row height is large enough the text should wrap inside the row. It currently does this if you set [rowHeight]=“auto” and [scrollbarV]=“false”. I would expect that it should also work when enabling the scrollbarV.

Reproduction of the problem <ngx-datatable #table id=“translationTable” [scrollbarH]=“true” class=“material” [rows]=“tableData” [columnMode]=“‘standard’” [headerHeight]=“50” [footerHeight]=“50” [rowHeight]=“500” [selected]=“selected” [scrollbarV]=“true” [limit]=“10”>

Please tell us about your environment: windows, npm, using ng serve

• Table version: 13.1.0

• Angular version: 5.2.9

• 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] all

[michelle-sokolov]

Try adding this to your CSS

.ngx-datatable.material { overflow-wrap: break-word; }

This worked perfectly once I changed my rowHeight to ‘auto’

[kmontalvo3]

Try adding this to your CSS

.ngx-datatable.material { overflow-wrap: break-word; }