# Force Line Break in Table?

**URL:** <https://community.glideapps.com/t/force-line-break-in-table/78203>\
**Category:** Ask for Help\
**Created:** [November 26, 2024, 1:43pm UTC](https://community.glideapps.com/t/force-line-break-in-table/78203 "2024-11-26T13:43:23Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![Curtis](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/curtis/32/59826_2.png) [@Curtis](https://community.glideapps.com/u/Curtis)\
**Post date:** [November 26, 2024, 1:43pm UTC](https://community.glideapps.com/t/force-line-break-in-table/78203/1 "2024-11-26T13:43:23Z")

</div>

Is there anyway to display a text column in the table component on two lines?

The source for the value is a template column and I need part of the text on one line and the rest on another. Currently it just displays as one long line of text.  
I’ve tried `<br>` and a paragraph break but it doesn’t work.

Any ideas?

---

<div class="post-metadata">

**Author:** ![MaximeBaker](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/maximebaker/32/80877_2.png) [@MaximeBaker](https://community.glideapps.com/u/MaximeBaker)\
**Post date:** [November 26, 2024, 1:45pm UTC](https://community.glideapps.com/t/force-line-break-in-table/78203/2 "2024-11-26T13:45:33Z")

</div>

Did you try to just smash “enter” ?

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/c/c/cc1ee9ad7fc3998acb11c15620909d78a4dbc576.png)

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/9/6/967b8446b1e7e65f368aaa023b6c9c3b3480bf7a.png)

It should appear good in the table component on the layout.

---

<div class="post-metadata">

**Author:** ![Curtis](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/curtis/32/59826_2.png) [@Curtis](https://community.glideapps.com/u/Curtis)\
**Post date:** [November 26, 2024, 1:46pm UTC](https://community.glideapps.com/t/force-line-break-in-table/78203/3 "2024-11-26T13:46:22Z")

</div>

Yes that displays fine in the data editor, but once you feed it into a table element it ignores the line break.

---

<div class="post-metadata">

**Author:** ![MaximeBaker](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/maximebaker/32/80877_2.png) [@MaximeBaker](https://community.glideapps.com/u/MaximeBaker)\
**Post date:** [November 26, 2024, 1:47pm UTC](https://community.glideapps.com/t/force-line-break-in-table/78203/4 "2024-11-26T13:47:15Z")

</div>

Yes, you are right, after a refresh, it shows in one line… Let me think.

---

<div class="post-metadata">

**Author:** ![MaximeBaker](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/maximebaker/32/80877_2.png) [@MaximeBaker](https://community.glideapps.com/u/MaximeBaker)\
**Post date:** [November 26, 2024, 1:54pm UTC](https://community.glideapps.com/t/force-line-break-in-table/78203/5 "2024-11-26T13:54:13Z")

</div>

Got it!

You could use custom CSS to the span.  
Just add:

```css
white-space: break-spaces;

```

If you need help implementing this, tell me!

---

<div class="post-metadata">

**Author:** ![Curtis](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/curtis/32/59826_2.png) [@Curtis](https://community.glideapps.com/u/Curtis)\
**Post date:** [November 26, 2024, 3:04pm UTC](https://community.glideapps.com/t/force-line-break-in-table/78203/6 "2024-11-26T15:04:38Z")

</div>

We’re on legacy pro so no CSS unfortunately.

Did this solution work when you tested it?

---

<div class="post-metadata">

**Author:** ![MaximeBaker](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/maximebaker/32/80877_2.png) [@MaximeBaker](https://community.glideapps.com/u/MaximeBaker)\
**Post date:** [November 26, 2024, 3:13pm UTC](https://community.glideapps.com/t/force-line-break-in-table/78203/7 "2024-11-26T15:13:00Z")

</div>

Yes ! Just don’t forget to take the element classes to put in the custom CSS.