# Data editor not supporting markdown tables

**URL:** <https://community.glideapps.com/t/data-editor-not-supporting-markdown-tables/16356>\
**Category:** Report a Bug\
**Created:** [September 25, 2020, 1:18pm UTC](https://community.glideapps.com/t/data-editor-not-supporting-markdown-tables/16356 "2020-09-25T13:18:52Z")\
**Posts on this page:** 12\
**Page:** 1

<div class="post-metadata">

**Author:** ![yinon\_raviv](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/yinon_raviv/32/1627_2.png) [@yinon\_raviv](https://community.glideapps.com/u/yinon_raviv)\
**Post date:** [September 25, 2020, 1:18pm UTC](https://community.glideapps.com/t/data-editor-not-supporting-markdown-tables/16356/1 "2020-09-25T13:18:52Z")

</div>

Hi all,

I’ve tried to built a markdown table in the glide editor with clickable images but it wasn’t working and the rich text didn’t show it as a 5able.

I know the table is ok as the same table works well when im using it in the sheet and present it in glide.

Anyone has any idea why it doesn’t work when building it on the editor?

@Jeff_Hager

---

<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:** [September 25, 2020, 1:30pm UTC](https://community.glideapps.com/t/data-editor-not-supporting-markdown-tables/16356/2 "2020-09-25T13:30:29Z")

</div>

So you’re saying the table looks good, but nothing is clickable? Do you have a copy of the markdown?

---

<div class="post-metadata">

**Author:** ![yinon\_raviv](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/yinon_raviv/32/1627_2.png) [@yinon\_raviv](https://community.glideapps.com/u/yinon_raviv)\
**Post date:** [September 25, 2020, 1:57pm UTC](https://community.glideapps.com/t/data-editor-not-supporting-markdown-tables/16356/3 "2020-09-25T13:57:44Z")

</div>

No the table is not working at all, it shows the pipes of the table (’|) and not a table and the links actually works but it is not looking like the table.

No, I deleted the refwrn6after it didn’t work.

But you can try to build any table even a simple one and it will not work correctly

---

<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:** [September 25, 2020, 2:22pm UTC](https://community.glideapps.com/t/data-editor-not-supporting-markdown-tables/16356/4 "2020-09-25T14:22:17Z")

</div>

How are you doing the line breaks? Are you using 2 spaces before the carriage return?

This is a rich text pointing to New Column I. Below it is an text entry component where I typed in the markdown. (I didn’t left justify Header 2, so it’s centered and that’s why it looks weird)  
 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/2X/a/a0ab9d7406d373556eae5497aeaed3dad90bbe29.png)

---

<div class="post-metadata">

**Author:** ![yinon\_raviv](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/yinon_raviv/32/1627_2.png) [@yinon\_raviv](https://community.glideapps.com/u/yinon_raviv)\
**Post date:** [September 25, 2020, 2:44pm UTC](https://community.glideapps.com/t/data-editor-not-supporting-markdown-tables/16356/5 "2020-09-25T14:44:43Z")

</div>

Try doing this in the editor with a template using data from other columns. See 8f it works

---

<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:** [September 25, 2020, 3:19pm UTC](https://community.glideapps.com/t/data-editor-not-supporting-markdown-tables/16356/6 "2020-09-25T15:19:11Z")

</div>

It should work with 2 spaces and Shift+Enter to get to a new line.

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/2X/f/fb36ab3604aebc2207f2575bada278662d069ef7.png)

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

Markdown requires 2 space and a carriage return to create a new line.

---

<div class="post-metadata">

**Author:** ![yinon\_raviv](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/yinon_raviv/32/1627_2.png) [@yinon\_raviv](https://community.glideapps.com/u/yinon_raviv)\
**Post date:** [September 25, 2020, 3:32pm UTC](https://community.glideapps.com/t/data-editor-not-supporting-markdown-tables/16356/7 "2020-09-25T15:32:44Z")

</div>

I’ve tried this but will try again and let you know

---

<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:** [September 25, 2020, 3:42pm UTC](https://community.glideapps.com/t/data-editor-not-supporting-markdown-tables/16356/8 "2020-09-25T15:42:16Z")

</div>

If it still doesn’t work, share some sample markdown here.

Disclaimer: I’m only trying this in staging.

---

<div class="post-metadata">

**Author:** ![SantiagoPerez](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/santiagoperez/32/16807_2.png) [@SantiagoPerez](https://community.glideapps.com/u/SantiagoPerez)\
**Post date:** [October 19, 2020, 3:03pm UTC](https://community.glideapps.com/t/data-editor-not-supporting-markdown-tables/16356/9 "2020-10-19T15:03:12Z")

</div>

Hey @Jeff_Hager,

I saw in another post that you shared a neat table but I can’t find it.

Im playing around with making an app for bookkeeping and I’d like to have a table where everything is shown so far this is what I’ve got:

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/2X/6/614faa2c51eb823b91954ed0161dcb294fb9c5ad.jpeg)

The idea is to make the table “dynamic” I mean that every time an log is recorded, it is shown on it.

I don’t know of this is doable but I’d like to try it.

Thanks

---

<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:** [October 20, 2020, 1:17am UTC](https://community.glideapps.com/t/data-editor-not-supporting-markdown-tables/16356/10 "2020-10-20T01:17:15Z")

</div>

Not sure if this is what you are talking about, but this is what I have in my app.

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/2X/e/eec4b85547e8a155e8784226e9a8f7ac933a27ab.png)

It’s an html table, because I needed the ability to span the width 100%, change the font size, and get the layout I want. I’ve been unable to get close to this with markdown, although the process I explain below would work for markdown as well.

If you are familiar with html tables, then you will see that what I am doing, is I have a lessons sheet where I dynamically build each `<tr>` table row for each lesson.

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/2X/e/e61c96020fc14620423fdec0f33ae54f57b8954c.png)

In my Invoices sheet, I have a multiple relation to the Lessons sheet. Using that relation, I create a Joined List column which combines all of the `<tr>` column rows from the Lessons sheet and joins them into one column value.  
 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/2X/3/3c96dbf30a4d9a805786f331d905cee39fb86879.png)

Finally I take that Joined List column value and wrap with the `<table>` tags inside of a template column. This is displayed inside of a Rich Text component.  
 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/2X/f/f2949b66c33ea82ad3a10c06306570d04b74750f.png)

To get the alternating gray bar and surrounding border, I added another rich text component with the following CSS.

```auto
<span><style>
.gJGZti {height:6px;}
tr:nth-child(odd) { background: #ddd; }
table {
border-collapse: collapse;
border: 3px solid #2B3C4A;
width: 100%;
}
th, td {
text-align: left;
padding: 3px;
}
</span></style>

```

---

<div class="post-metadata">

**Author:** ![SantiagoPerez](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/santiagoperez/32/16807_2.png) [@SantiagoPerez](https://community.glideapps.com/u/SantiagoPerez)\
**Post date:** [October 20, 2020, 9:14am UTC](https://community.glideapps.com/t/data-editor-not-supporting-markdown-tables/16356/11 "2020-10-20T09:14:39Z")

</div>

Yes, this is what I was talking about. No I am not familiar with HTML at all but I’ll try to follow what you did. If I have any questions, I’ll reach out.

Thanks!

---

<div class="post-metadata">

**Author:** ![yinon\_raviv](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/yinon_raviv/32/1627_2.png) [@yinon\_raviv](https://community.glideapps.com/u/yinon_raviv)\
**Post date:** [December 10, 2020, 7:34pm UTC](https://community.glideapps.com/t/data-editor-not-supporting-markdown-tables/16356/12 "2020-12-10T19:34:39Z")

</div>

Just beautiful Jeff
