How to force word-wrap in a table column of email addresses?


How can we make this Email column value visible, email addresses don't have spaces so it not wrapping.

Hello!

You can change the width of the column to make enough space for that text like:

in the field label put the column name, in your case "Email"

1 Like

On the column in question add the following to the style properties. (You need to have set each column's field property to match the column name for this to work.)
columns.n.style.word-break : break-all

1 Like

Nice, its working in the designer but it's not reflecting in the browser.

Hi!
Yes, but the email address can be longer, so i want the width to be more flexible.

2 Likes

It's working for me in Chrome and Firefox.

Silly stuff:

  • Check that you've saved the project before launching.
  • Check that you've set the column.n.field values correctly (but if it's working in Designer these should be OK.)

Open the browser's Development Tools (F12), select the Inpspector tool (top left), and click on one of the cells in the email column.

Check that the word-break: break-all appears as shown.

1 Like