# 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:** 1\
**Showing post:** 10

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

```

---

_[View the full topic](https://community.glideapps.com/t/data-editor-not-supporting-markdown-tables/16356)._