# Comparison Table

**URL:** <https://community.glideapps.com/t/comparison-table/27066>\
**Category:** Ask for Help\
**Created:** [May 21, 2021, 3:09pm UTC](https://community.glideapps.com/t/comparison-table/27066 "2021-05-21T15:09:19Z")\
**Posts on this page:** 13\
**Page:** 1

<div class="post-metadata">

**Author:** ![Shirish\_Goel](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/shirish_goel/32/26654_2.png) [@Shirish\_Goel](https://community.glideapps.com/u/Shirish_Goel)\
**Post date:** [May 21, 2021, 3:09pm UTC](https://community.glideapps.com/t/comparison-table/27066/1 "2021-05-21T15:09:19Z")

</div>

Please tell how to create a Comparison Table

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

Like the following way

1. | **Parameter |BIS| Normal|**
2. |Sulphur| 0.060 max |0.050 max|
3. |Phosphorus 0.060 max |0.050 max|
4. |Nitrogen| 0.110 max |0.100 max|
5. |Yield| 0.060 max |0.050 max|

Thanks in Advance 🙂

---

<div class="post-metadata">

**Author:** ![Lucas\_Pires](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/lucas_pires/32/64863_2.png) [@Lucas\_Pires](https://community.glideapps.com/u/Lucas_Pires)\
**Post date:** [May 21, 2021, 7:11pm UTC](https://community.glideapps.com/t/comparison-table/27066/2 "2021-05-21T19:11:28Z")

</div>

> **[Basic Table](https://docs.glideapps.com/all/reference/components/layout/basic-table)**
>
> Group values in a simple table

---

<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:** [May 21, 2021, 11:41pm UTC](https://community.glideapps.com/t/comparison-table/27066/3 "2021-05-21T23:41:16Z")

</div>

Looks like you want 3 columns in a basic table, which is not supported.

---

<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:** [May 22, 2021, 4:32am UTC](https://community.glideapps.com/t/comparison-table/27066/4 "2021-05-22T04:32:57Z")

</div>

You can do that using Markdown in a [Rich Text](https://docs.glideapps.com/all/reference/components/text/rich-text) column.

---

<div class="post-metadata">

**Author:** ![Rosewebstudio](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/rosewebstudio/32/12261_2.png) [@Rosewebstudio](https://community.glideapps.com/u/Rosewebstudio)\
**Post date:** [May 22, 2021, 12:53pm UTC](https://community.glideapps.com/t/comparison-table/27066/5 "2021-05-22T12:53:18Z")

</div>

@Shirish_Goel This?

> [@Data editor not supporting markdown tables](https://community.glideapps.com/t/data-editor-not-supporting-markdown-tables/16356/10):
>
> Not sure if this is what you are talking about, but this is what I have in my app. 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 …

---

<div class="post-metadata">

**Author:** ![Shirish\_Goel](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/shirish_goel/32/26654_2.png) [@Shirish\_Goel](https://community.glideapps.com/u/Shirish_Goel)\
**Post date:** [May 24, 2021, 4:48pm UTC](https://community.glideapps.com/t/comparison-table/27066/6 "2021-05-24T16:48:36Z")

</div>

Thank you for the link, but I was searching for tables with more than 2 columns.

---

<div class="post-metadata">

**Author:** ![Shirish\_Goel](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/shirish_goel/32/26654_2.png) [@Shirish\_Goel](https://community.glideapps.com/u/Shirish_Goel)\
**Post date:** [May 24, 2021, 4:50pm UTC](https://community.glideapps.com/t/comparison-table/27066/7 "2021-05-24T16:50:36Z")

</div>

Thank You @Rosewebstudio!  
I currently used Markup Language, the same you have recommended  
It would be great if Glide launches Table with more than 2 columns

---

<div class="post-metadata">

**Author:** ![Shirish\_Goel](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/shirish_goel/32/26654_2.png) [@Shirish\_Goel](https://community.glideapps.com/u/Shirish_Goel)\
**Post date:** [May 24, 2021, 4:53pm UTC](https://community.glideapps.com/t/comparison-table/27066/8 "2021-05-24T16:53:01Z")

</div>

Thank You @Darren_Murphy!  
I used Rich Text and it worked good, please let me know if you come across links which improves its view also  
 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/4/7/47c4f869c13e0fd4c9b2be7fd6b47b4a433d4ff3.png)

---

<div class="post-metadata">

**Author:** ![Rosewebstudio](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/rosewebstudio/32/12261_2.png) [@Rosewebstudio](https://community.glideapps.com/u/Rosewebstudio)\
**Post date:** [May 24, 2021, 5:16pm UTC](https://community.glideapps.com/t/comparison-table/27066/9 "2021-05-24T17:16:45Z")

</div>

Looks great 👍

---

<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:** [May 24, 2021, 11:23pm UTC](https://community.glideapps.com/t/comparison-table/27066/10 "2021-05-24T23:23:13Z")

</div>

Looks great! However did you have an extra “|” at the end of every line?

---

<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:** [May 24, 2021, 11:59pm UTC](https://community.glideapps.com/t/comparison-table/27066/11 "2021-05-24T23:59:12Z")

</div>

Nice job 👍

If you’d like to jazz it up a bit more, then the next step is to experiment with HTML/CSS.  
Here’s an example of the sort of thing you can do:

> [@Golf tournament, select opponent](https://community.glideapps.com/t/golf-tournament-select-opponent/26659/2):
>
> A basic table is (as the name suggests) quite limited in functionality. For your use case, I’d probably recommend building a table using Markup/HTML/CSS and displaying it in a Rich Text component. Note that HTML/CSS aren’t officially supported by Glide, but you’re generally okay to use them. I like to use something like [HTML Table Styler ▦ CSS Generator | 𝗗𝗜𝗩𝗧𝗔𝗕𝗟𝗘.𝗖𝗢𝗠](https://divtable.com/table-styler/) to design the table layout, and then plug in the bits using Glide computed columns. Here’s an example of the sort of thing you …

---

<div class="post-metadata">

**Author:** ![Shirish\_Goel](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/shirish_goel/32/26654_2.png) [@Shirish\_Goel](https://community.glideapps.com/u/Shirish_Goel)\
**Post date:** [May 25, 2021, 8:01am UTC](https://community.glideapps.com/t/comparison-table/27066/12 "2021-05-25T08:01:53Z")

</div>

Yes @ThinhDinh, I did that on purpose.  
I couldn’t provide breathing space from the left side so I used this.

It’ll be great if you could suggest me alternative, be it HTML. I’ll learn it.  
Thanks in advance 🙂

---

<div class="post-metadata">

**Author:** ![NoCodeAndy](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/nocodeandy/32/62530_2.png) [@NoCodeAndy](https://community.glideapps.com/u/NoCodeAndy)\
**Post date:** [January 17, 2024, 4:52pm UTC](https://community.glideapps.com/t/comparison-table/27066/13 "2024-01-17T16:52:04Z")

</div>


