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

Ignition
1

image
image836×474 17.5 KB

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

2

Hello!

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

image
image320×303 9.09 KB

image
image293×500 19 KB

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

3

Table column word-break
Table column word-break832×338 42.2 KB

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

4

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

5

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

6

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.

CSS cell word wrap
CSS cell word wrap415×216 13.5 KB

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