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

**URL:** <https://forum.inductiveautomation.com/t/how-to-force-word-wrap-in-a-table-column-of-email-addresses/98191>\
**Category:** Ignition\
**Tags:** perspective\
**Created:** [November 5, 2024, 9:39am UTC](https://forum.inductiveautomation.com/t/how-to-force-word-wrap-in-a-table-column-of-email-addresses/98191 "2024-11-05T09:39:38Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![Rohan\_Raj1](https://avatars.discourse-cdn.com/v4/letter/r/df788c/32.png) [@Rohan\_Raj1](https://forum.inductiveautomation.com/u/Rohan_Raj1)\
**Post date:** [November 5, 2024, 9:39am UTC](https://forum.inductiveautomation.com/t/how-to-force-word-wrap-in-a-table-column-of-email-addresses/98191/1 "2024-11-05T09:39:38Z")

</div>

![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/4/2/42fd79ded583b988a49ea448bc7065b95a4c64dc.png)  
How can we make this Email column value visible, email addresses don't have spaces so it not wrapping.

---

<div class="post-metadata">

**Author:** ![Alejandro\_Alaco](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/alejandro_alaco/32/59849_2.png) [@Alejandro\_Alaco](https://forum.inductiveautomation.com/u/Alejandro_Alaco)\
**Post date:** [November 5, 2024, 12:46pm UTC](https://forum.inductiveautomation.com/t/how-to-force-word-wrap-in-a-table-column-of-email-addresses/98191/2 "2024-11-05T12:46:36Z")

</div>

Hello!

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

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/9/b/9bbc689a6dd4e05fd4046f04e8de25f26a2cec9a.png)

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/3/6/36cb26c311005149fa54a29de41f761e67adc400.png)

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

---

<div class="post-metadata">

**Author:** ![Transistor](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/transistor/32/3380_2.png) [@Transistor](https://forum.inductiveautomation.com/u/Transistor)\
**Post date:** [November 5, 2024, 1:33pm UTC](https://forum.inductiveautomation.com/t/how-to-force-word-wrap-in-a-table-column-of-email-addresses/98191/3 "2024-11-05T13:33:06Z")

</div>

![Table column word-break](https://us1.discourse-cdn.com/inductiveautomation/original/3X/2/6/265c7a03cd7b9d37ab3d7826abce5c8be83fc42e.png)

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`

> **[W3Schools.com](https://www.w3schools.com/cssref/css3_pr_word-break.php)**
>
> W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more.

---

<div class="post-metadata">

**Author:** ![Rohan\_Raj1](https://avatars.discourse-cdn.com/v4/letter/r/df788c/32.png) [@Rohan\_Raj1](https://forum.inductiveautomation.com/u/Rohan_Raj1)\
**Post date:** [November 7, 2024, 9:10am UTC](https://forum.inductiveautomation.com/t/how-to-force-word-wrap-in-a-table-column-of-email-addresses/98191/4 "2024-11-07T09:10:27Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![Rohan\_Raj1](https://avatars.discourse-cdn.com/v4/letter/r/df788c/32.png) [@Rohan\_Raj1](https://forum.inductiveautomation.com/u/Rohan_Raj1)\
**Post date:** [November 7, 2024, 11:37am UTC](https://forum.inductiveautomation.com/t/how-to-force-word-wrap-in-a-table-column-of-email-addresses/98191/5 "2024-11-07T11:37:07Z")

</div>

> [@Alejandro\_Alaco](#):
>
> width of the column to make enough space

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

---

<div class="post-metadata">

**Author:** ![Transistor](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/transistor/32/3380_2.png) [@Transistor](https://forum.inductiveautomation.com/u/Transistor)\
**Post date:** [November 7, 2024, 12:15pm UTC](https://forum.inductiveautomation.com/t/how-to-force-word-wrap-in-a-table-column-of-email-addresses/98191/6 "2024-11-07T12:15:17Z")

</div>

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](https://us1.discourse-cdn.com/inductiveautomation/original/3X/9/0/909aaefce79c9362a0b8b18da33585698561d308.png)

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