# Wrap Text in Basic Table Component

**URL:** <https://community.glideapps.com/t/wrap-text-in-basic-table-component/29067>\
**Category:** Ask for Help\
**Created:** [July 14, 2021, 8:27am UTC](https://community.glideapps.com/t/wrap-text-in-basic-table-component/29067 "2021-07-14T08:27:21Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![biha](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/biha/32/84110_2.png) [@biha](https://community.glideapps.com/u/biha)\
**Post date:** [July 14, 2021, 8:27am UTC](https://community.glideapps.com/t/wrap-text-in-basic-table-component/29067/1 "2021-07-14T08:27:21Z")

</div>

Hello,  
Is there any ways to wrap the text in basic table ?

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

---

<div class="post-metadata">

**Author:** ![PabloMFalero](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/pablomfalero/32/31166_2.png) [@PabloMFalero](https://community.glideapps.com/u/PabloMFalero)\
**Post date:** [July 14, 2021, 8:33am UTC](https://community.glideapps.com/t/wrap-text-in-basic-table-component/29067/2 "2021-07-14T08:33:28Z")

</div>

> [@Tell Glide how you use CSS](https://community.glideapps.com/t/tell-glide-how-you-use-css/27641/27):
>
> Use CSS to reveal hidden text. I’ll often use CSS to reveal text that’s cropped in Basic Tables, Tile Titles, etc. Before: After: \<pre\>\<span\>\<style\> [data-test="app-st-item-label"] { white-space: break-spaces !important; } .sts-row { height: auto !important; padding: 10px 0; }@Jason

---

<div class="post-metadata">

**Author:** ![sardamit](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/sardamit/32/263_2.png) [@sardamit](https://community.glideapps.com/u/sardamit)\
**Post date:** [July 14, 2021, 11:07am UTC](https://community.glideapps.com/t/wrap-text-in-basic-table-component/29067/3 "2021-07-14T11:07:43Z")

</div>

Here: [Notion – The all-in-one workspace for your notes, tasks, wikis, and databases.](https://www.notion.so/New-line-in-basic-table-840f6c68c1d9409cad3de1a5d5dcd6f1)

---

<div class="post-metadata">

**Author:** ![biha](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/biha/32/84110_2.png) [@biha](https://community.glideapps.com/u/biha)\
**Post date:** [July 15, 2021, 2:34am UTC](https://community.glideapps.com/t/wrap-text-in-basic-table-component/29067/4 "2021-07-15T02:34:55Z")

</div>

Thank you! both works fine!

---

<div class="post-metadata">

**Author:** ![Hsu\_Mark](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/hsu_mark/32/2716_2.png) [@Hsu\_Mark](https://community.glideapps.com/u/Hsu_Mark)\
**Post date:** [August 11, 2022, 3:10am UTC](https://community.glideapps.com/t/wrap-text-in-basic-table-component/29067/5 "2022-08-11T03:10:16Z")

</div>

> [@Tell Glide how you use CSS](https://community.glideapps.com/t/tell-glide-how-you-use-css/27641/27):
>
> ```auto
> <pre><span><style>
> [data-test="app-st-item-label"] {
> white-space: break-spaces !important;
> }
> 
> .sts-row {
> height: auto !important;
> padding: 10px 0;
> }
> 
> ```

Could you please tell me how to add CSS code in basic table component? Thanks

---

<div class="post-metadata">

**Author:** ![Uzo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/uzo/32/22639_2.png) [@Uzo](https://community.glideapps.com/u/Uzo)\
**Post date:** [August 11, 2022, 3:26am UTC](https://community.glideapps.com/t/wrap-text-in-basic-table-component/29067/6 "2022-08-11T03:26:59Z")

</div>

add rich text component, and paste this code there