Word wrap feature table data

[Kishore]

I have a web application developped using ArcGIS JavaScript 4.20 and it has  feature table displaying all content from feature service. there are some columns exceeding 255 char and I want to display the text in word wrap to avoid horizontal scroll.

I tried using "word-break: break-word;" in CSS also try to overwrite esri class for ".esri-grid". No effect on the table.

Any idea to achieve this with CSS / Script.

Thank you in advance.

Kishore