# Adding Headings in JQ Query results displayed as HTML

**URL:** <https://community.glideapps.com/t/adding-headings-in-jq-query-results-displayed-as-html/80007>\
**Category:** Ask for Help\
**Created:** [February 12, 2025, 1:35pm UTC](https://community.glideapps.com/t/adding-headings-in-jq-query-results-displayed-as-html/80007 "2025-02-12T13:35:46Z")\
**Posts on this page:** 16\
**Page:** 1

<div class="post-metadata">

**Author:** ![natapi](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/natapi/32/85129_2.png) [@natapi](https://community.glideapps.com/u/natapi)\
**Post date:** [February 12, 2025, 1:35pm UTC](https://community.glideapps.com/t/adding-headings-in-jq-query-results-displayed-as-html/80007/1 "2025-02-12T13:35:46Z")

</div>

I wanted to Add Headings in RichText Component which contains results from JQ Query displayed as HTML.

Refer to attached screenshots:

 ![Glide 2](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/e/d/ed4513b3dc3e801a4564c7c759e01ec10dba48e9.png)  
 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/b/d/bd4568efedb129474b22a9ecd8b429d67507d6d1.png)

I want to display End Results as follows:

 ![Glide 3](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/a/5/a5880c7999721732f6827f5ef75b006fc35ccf64.png)

---

<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:** [February 12, 2025, 2:56pm UTC](https://community.glideapps.com/t/adding-headings-in-jq-query-results-displayed-as-html/80007/2 "2025-02-12T14:56:29Z")

</div>

I am not sure to follow you… What do you want to do? Convert the JSON ? If so, use can use Query JSON column to get each property value in separated columns.

---

<div class="post-metadata">

**Author:** ![natapi](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/natapi/32/85129_2.png) [@natapi](https://community.glideapps.com/u/natapi)\
**Post date:** [February 12, 2025, 5:37pm UTC](https://community.glideapps.com/t/adding-headings-in-jq-query-results-displayed-as-html/80007/3 "2025-02-12T17:37:54Z")

</div>

Thanks for getting back. I have converted the JSON and have data in column. But I want to display(TO Be State) JSON elements in list format with headings i.e.

1. “format”: true,
2. “domain”: “[gmail.com](http://gmail.com)”,
3. “disposable”: false,
4. “dns”: true,
5. “whitelist”: true

As IS STATE:

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

---

<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:** [February 12, 2025, 7:13pm UTC](https://community.glideapps.com/t/adding-headings-in-jq-query-results-displayed-as-html/80007/4 "2025-02-12T19:13:55Z")

</div>

Can you show me what is in “Email Results” ?

---

<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:** [February 13, 2025, 1:15am UTC](https://community.glideapps.com/t/adding-headings-in-jq-query-results-displayed-as-html/80007/5 "2025-02-13T01:15:52Z")

</div>

You can try feeding that JSON into an AI component and tell it to display formatted JSON.

---

<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:** [February 13, 2025, 1:17am UTC](https://community.glideapps.com/t/adding-headings-in-jq-query-results-displayed-as-html/80007/6 "2025-02-13T01:17:57Z")

</div>

I was able to do it with JSONata in query JSON, but I want to make sure my source was like his source.

---

<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:** [February 13, 2025, 1:19am UTC](https://community.glideapps.com/t/adding-headings-in-jq-query-results-displayed-as-html/80007/7 "2025-02-13T01:19:40Z")

</div>

@natapi Is this what you want?

 ![CleanShot 2025-02-13 at 08.19.16@2x](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/1/0/1016be827377139088995611d30e15e8d09f645b.jpeg)

---

<div class="post-metadata">

**Author:** ![natapi](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/natapi/32/85129_2.png) [@natapi](https://community.glideapps.com/u/natapi)\
**Post date:** [February 13, 2025, 10:42am UTC](https://community.glideapps.com/t/adding-headings-in-jq-query-results-displayed-as-html/80007/8 "2025-02-13T10:42:40Z")

</div>

here you go…

 ![email results](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/4/8/48fd342ba403b39b12c9a6abf014a6ac363d6cd1.png)

---

<div class="post-metadata">

**Author:** ![natapi](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/natapi/32/85129_2.png) [@natapi](https://community.glideapps.com/u/natapi)\
**Post date:** [February 13, 2025, 11:19am UTC](https://community.glideapps.com/t/adding-headings-in-jq-query-results-displayed-as-html/80007/9 "2025-02-13T11:19:23Z")

</div>

@ThinhDinh. I ha

 ![email results](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/4/8/48fd342ba403b39b12c9a6abf014a6ac363d6cd1.png)  
ve the JSON with me. I have parsed the JSON through JQ.

---

<div class="post-metadata">

**Author:** ![natapi](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/natapi/32/85129_2.png) [@natapi](https://community.glideapps.com/u/natapi)\
**Post date:** [February 13, 2025, 11:22am UTC](https://community.glideapps.com/t/adding-headings-in-jq-query-results-displayed-as-html/80007/10 "2025-02-13T11:22:05Z")

</div>

@ThinhDinh Glide API is paid :D.

 ![Glide AI](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/e/e/ee25032f4f5d468c1cdc417eac8e30d186929c22.png)

---

<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:** [February 14, 2025, 12:33am UTC](https://community.glideapps.com/t/adding-headings-in-jq-query-results-displayed-as-html/80007/11 "2025-02-14T00:33:20Z")

</div>

No, I mean this.

 ![CleanShot 2025-02-14 at 07.33.10@2x](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/2/2/22823df77ad5a7d9c0ead0996417594dcdc4f640.png)

---

<div class="post-metadata">

**Author:** ![natapi](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/natapi/32/85129_2.png) [@natapi](https://community.glideapps.com/u/natapi)\
**Post date:** [February 14, 2025, 2:50pm UTC](https://community.glideapps.com/t/adding-headings-in-jq-query-results-displayed-as-html/80007/12 "2025-02-14T14:50:58Z")

</div>

Thanks @ThinhDinh It worked but now I am stuck on getting dynamic values from the Data

 ![Glide AI component](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/7/c/7ccb064e06b97276b1b3e74f9f96b5df2231163e.png)

---

<div class="post-metadata">

**Author:** ![Jeff\_Hager](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/jeff_hager/32/43_2.png) [@Jeff\_Hager](https://community.glideapps.com/u/Jeff_Hager)\
**Post date:** [February 14, 2025, 3:18pm UTC](https://community.glideapps.com/t/adding-headings-in-jq-query-results-displayed-as-html/80007/13 "2025-02-14T15:18:43Z")

</div>

Change these to point to the appropriate columns.

 ![1000004656](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/9/9/998bba3ce17e7372a1ec47b659c561f534067fdf.jpeg)

---

<div class="post-metadata">

**Author:** ![natapi](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/natapi/32/85129_2.png) [@natapi](https://community.glideapps.com/u/natapi)\
**Post date:** [February 14, 2025, 3:24pm UTC](https://community.glideapps.com/t/adding-headings-in-jq-query-results-displayed-as-html/80007/14 "2025-02-14T15:24:11Z")

</div>

Hi @Jeff_Hager . I have columns as follows but when I change to appropriate columns still I am not able to get Dynamic Results

 ![Glide Columns](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/b/6/b64e7def979b7a53f44f77620034faf5aacdbdb2.png)

 ![Glide UI results](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/d/5/d5215455318cbb942aae23ee43b4cbf2b47759ab.png)

---

<div class="post-metadata">

**Author:** ![Jeff\_Hager](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/jeff_hager/32/43_2.png) [@Jeff\_Hager](https://community.glideapps.com/u/Jeff_Hager)\
**Post date:** [February 14, 2025, 3:34pm UTC](https://community.glideapps.com/t/adding-headings-in-jq-query-results-displayed-as-html/80007/15 "2025-02-14T15:34:31Z")

</div>

> [@MaximeBaker](#):
>
> can use Query JSON column to get each property value in separated columns

> [@MaximeBaker](#):
>
> I was able to do it with JSONata in query JSON

.

---

<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:** [February 15, 2025, 1:51am UTC](https://community.glideapps.com/t/adding-headings-in-jq-query-results-displayed-as-html/80007/16 "2025-02-15T01:51:53Z")

</div>

What exactly is your desired end result? Is it this?

 ![Glide 3](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/a/5/a5880c7999721732f6827f5ef75b006fc35ccf64.png)
