check out the styling options for word-wrap https://developer.mozilla.org/de/docs/Web/CSS/word-wrap and white-space https://www.w3schools.com/cssref/tryit.asp?filename=trycss_text_white-space
try it out by resizing your browser window in this demo.
if you are not familiar with styling, check out https://docs.mendix.com/howto/front-end/calypso and https://gettingstarted.mendixcloud.com/link/path/105/Style-your-App-with-CSS
Mendix .mx-datagrid-data-wrapper default style is white-space: nowrap; you have to use custom styling to overwrite it at this level. AFAIK this is not possible with inline styling