# Are there any ways to add HTML code for the title?

**URL:** <https://community.glideapps.com/t/are-there-any-ways-to-add-html-code-for-the-title/77292>\
**Category:** Ask for Help\
**Created:** [October 24, 2024, 10:54am UTC](https://community.glideapps.com/t/are-there-any-ways-to-add-html-code-for-the-title/77292 "2024-10-24T10:54:35Z")\
**Posts on this page:** 16\
**Page:** 1

<div class="post-metadata">

**Author:** ![TuyenNguyen](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/tuyennguyen/32/81094_2.png) [@TuyenNguyen](https://community.glideapps.com/u/TuyenNguyen)\
**Post date:** [October 24, 2024, 10:54am UTC](https://community.glideapps.com/t/are-there-any-ways-to-add-html-code-for-the-title/77292/1 "2024-10-24T10:54:35Z")

</div>

I want to customize the title of the column. How can I use HTML code for the title? For example, I want to add a column title that includes a subscript letter, using HTML code like this:

`<p>E<sub>a</sub></p></>`

---

<div class="post-metadata">

**Author:** ![Himaladin](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/himaladin/32/71023_2.png) [@Himaladin](https://community.glideapps.com/u/Himaladin)\
**Post date:** [October 24, 2024, 11:04am UTC](https://community.glideapps.com/t/are-there-any-ways-to-add-html-code-for-the-title/77292/2 "2024-10-24T11:04:35Z")

</div>

Could you clarify which column you’re referring to?

---

<div class="post-metadata">

**Author:** ![TuyenNguyen](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/tuyennguyen/32/81094_2.png) [@TuyenNguyen](https://community.glideapps.com/u/TuyenNguyen)\
**Post date:** [October 24, 2024, 11:09am UTC](https://community.glideapps.com/t/are-there-any-ways-to-add-html-code-for-the-title/77292/3 "2024-10-24T11:09:43Z")

</div>

Just for the title of the column. I edited my description more clearly to understand my question  
.

---

<div class="post-metadata">

**Author:** ![Himaladin](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/himaladin/32/71023_2.png) [@Himaladin](https://community.glideapps.com/u/Himaladin)\
**Post date:** [October 24, 2024, 11:11am UTC](https://community.glideapps.com/t/are-there-any-ways-to-add-html-code-for-the-title/77292/4 "2024-10-24T11:11:48Z")

</div>

If you mean the title on the application screen, use the richtext component. If you have css, you must write it inline.

---

<div class="post-metadata">

**Author:** ![nathanaelb](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/nathanaelb/32/43079_2.png) [@nathanaelb](https://community.glideapps.com/u/nathanaelb)\
**Post date:** [October 24, 2024, 11:16am UTC](https://community.glideapps.com/t/are-there-any-ways-to-add-html-code-for-the-title/77292/5 "2024-10-24T11:16:42Z")

</div>

The title or text component are their own component with their own configuration options.

If you want to be a little more creative by using markdown or HTML, try using the rich text component.

> **[Rich Text | Glide Docs](https://www.glideapps.com/docs/essentials/components/rich-text)**
>
> Display data as styled content.

---

<div class="post-metadata">

**Author:** ![TuyenNguyen](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/tuyennguyen/32/81094_2.png) [@TuyenNguyen](https://community.glideapps.com/u/TuyenNguyen)\
**Post date:** [October 24, 2024, 11:18am UTC](https://community.glideapps.com/t/are-there-any-ways-to-add-html-code-for-the-title/77292/6 "2024-10-24T11:18:04Z")

</div>

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

```auto
const Columns = [
    {
      title: 'E_{a}',
      id: 'Ea',
      required: false,
      type: 'String',
    },... ]

```

So this is my code to define a column, and I want the title Ea with a subscript letter ‘a’. So I put the HTML code in the title and has error like this:

```auto
const Columns = [
    {
      title: (`<><p>E<sub>a</sub></p></>)`,
      id: 'Ea',
      required: false,
      type: 'String',
    },... ]

```

This is what I want

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

---

<div class="post-metadata">

**Author:** ![Himaladin](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/himaladin/32/71023_2.png) [@Himaladin](https://community.glideapps.com/u/Himaladin)\
**Post date:** [October 24, 2024, 11:29am UTC](https://community.glideapps.com/t/are-there-any-ways-to-add-html-code-for-the-title/77292/7 "2024-10-24T11:29:50Z")

</div>

Is your first image a table from the data editor, or is it a table you created yourself?

If your problem is as simple as this, just use the Unicode character “Eₐ”.

```auto
const Columns = [
    {
      title: 'Eₐ',
      id: 'Ea', 
      required: false,
      type: 'String', 
    },
];

```

---

<div class="post-metadata">

**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\
**Post date:** [October 24, 2024, 11:42pm UTC](https://community.glideapps.com/t/are-there-any-ways-to-add-html-code-for-the-title/77292/8 "2024-10-24T23:42:23Z")

</div>

Are you using the Glide Tables as a separate product, or are you building a Glide App? It looks to me that it’s likely the previous.

---

<div class="post-metadata">

**Author:** ![TuyenNguyen](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/tuyennguyen/32/81094_2.png) [@TuyenNguyen](https://community.glideapps.com/u/TuyenNguyen)\
**Post date:** [October 25, 2024, 1:52am UTC](https://community.glideapps.com/t/are-there-any-ways-to-add-html-code-for-the-title/77292/9 "2024-10-25T01:52:39Z")

</div>

Yes, I use a data editor.

For some letters, Unicode does not support the subscript, so I have to use the HTML code to subscript the letters.

---

<div class="post-metadata">

**Author:** ![TuyenNguyen](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/tuyennguyen/32/81094_2.png) [@TuyenNguyen](https://community.glideapps.com/u/TuyenNguyen)\
**Post date:** [October 25, 2024, 1:54am UTC](https://community.glideapps.com/t/are-there-any-ways-to-add-html-code-for-the-title/77292/10 "2024-10-25T01:54:57Z")

</div>

Yes, I use the Glide Tables as a separate product.

---

<div class="post-metadata">

**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\
**Post date:** [October 25, 2024, 1:58am UTC](https://community.glideapps.com/t/are-there-any-ways-to-add-html-code-for-the-title/77292/11 "2024-10-25T01:58:17Z")

</div>

This forum is mainly for Glide Apps, a separate product from Glide. I would suggest reaching out to the devs in their Discord for “Glide Data Grid”.

> **[Join the Glide Data Grid Discord Server!](https://discord.com/invite/8ukuKYnX)**
>
> Check out the Glide Data Grid community on Discord - hang out with 138 other members and enjoy free voice and text chat.

---

<div class="post-metadata">

**Author:** ![TuyenNguyen](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/tuyennguyen/32/81094_2.png) [@TuyenNguyen](https://community.glideapps.com/u/TuyenNguyen)\
**Post date:** [October 25, 2024, 2:05am UTC](https://community.glideapps.com/t/are-there-any-ways-to-add-html-code-for-the-title/77292/12 "2024-10-25T02:05:06Z")

</div>

Thank you!

---

<div class="post-metadata">

**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\
**Post date:** [October 25, 2024, 2:32am UTC](https://community.glideapps.com/t/are-there-any-ways-to-add-html-code-for-the-title/77292/13 "2024-10-25T02:32:16Z")

</div>

Always happy to help a fellow compatriot 😄

---

<div class="post-metadata">

**Author:** ![Himaladin](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/himaladin/32/71023_2.png) [@Himaladin](https://community.glideapps.com/u/Himaladin)\
**Post date:** [October 25, 2024, 2:35am UTC](https://community.glideapps.com/t/are-there-any-ways-to-add-html-code-for-the-title/77292/14 "2024-10-25T02:35:50Z")

</div>

What product is this, Thinh?

---

<div class="post-metadata">

**Author:** ![Darren\_Murphy](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/darren_murphy/32/47326_2.png) [@Darren\_Murphy](https://community.glideapps.com/u/Darren_Murphy)\
**Post date:** [October 25, 2024, 4:39am UTC](https://community.glideapps.com/t/are-there-any-ways-to-add-html-code-for-the-title/77292/15 "2024-10-25T04:39:25Z")

</div>

> **[Glide Data Grid](https://grid.glideapps.com/)**
>
> A no-compromise, outrageously fast react data grid, with rich rendering and TypeScript support.

---

<div class="post-metadata">

**Author:** ![Himaladin](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/himaladin/32/71023_2.png) [@Himaladin](https://community.glideapps.com/u/Himaladin)\
**Post date:** [October 25, 2024, 5:07am UTC](https://community.glideapps.com/t/are-there-any-ways-to-add-html-code-for-the-title/77292/16 "2024-10-25T05:07:53Z")

</div>

Free and open source. Thanks
