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

Ask for Help
1

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></>

2

Could you clarify which column you’re referring to?

3

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

4

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

1 Like
5

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.

1 Like
6

image
image151×322 1.83 KB

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:

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

This is what I want

image
image239×334 2.14 KB

7

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ₐ”.

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

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.

9

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.

10

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

11

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”.

2 Likes
12

Thank you!

1 Like
13

Always happy to help a fellow compatriot :smile:

1 Like
14

What product is this, Thinh?

15
4 Likes
16

Free and open source. Thanks