# How I can make these tables? There is something like QuickChart.io?

**URL:** https://community.glideapps.com/t/how-i-can-make-these-tables-there-is-something-like-quickchart-io/35786
**Category:** Ask for Help
**Created:** [December 10, 2021, 2:09pm UTC](https://community.glideapps.com/t/how-i-can-make-these-tables-there-is-something-like-quickchart-io/35786 "2021-12-10T14:09:08Z")
**Posts on this page:** 6
**Page:** 1

<div class="post-metadata">

### Author: ![Eric\_Ruiz\_Molero](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/eric_ruiz_molero/32/15371_2.png) [@Eric\_Ruiz\_Molero](https://community.glideapps.com/u/Eric_Ruiz_Molero)
#### Post date: [December 10, 2021, 2:09pm UTC](https://community.glideapps.com/t/how-i-can-make-these-tables-there-is-something-like-quickchart-io/35786/1 "2021-12-10T14:09:08Z")

</div>

Hello,

I need to figure out how to make this tables on Glide:

 ![Captura de pantalla 2021-12-10 a las 14.03.30](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/6/2/62e546aae04629e5c4b03cf00a61ed4d4732e931.png)

I know you can create tables on Glide Pages but that’s not a solution when I want more than 3 columns and also should be really visual as I show on the image.

So, I wonder what should be the best idea… there is some API like [QuickChart.io](http://QuickChart.io) that could help me out?

Thank you soo much! 🙏

---

<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: [December 10, 2021, 11:32pm UTC](https://community.glideapps.com/t/how-i-can-make-these-tables-there-is-something-like-quickchart-io/35786/2 "2021-12-10T23:32:06Z")

</div>

You could possibly create an html table by combining a joined list a formatted html rows wrapped by a template column with the table tags.

---

<div class="post-metadata">

### Author: ![Eric\_Ruiz\_Molero](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/eric_ruiz_molero/32/15371_2.png) [@Eric\_Ruiz\_Molero](https://community.glideapps.com/u/Eric_Ruiz_Molero)
#### Post date: [December 11, 2021, 4:38am UTC](https://community.glideapps.com/t/how-i-can-make-these-tables-there-is-something-like-quickchart-io/35786/3 "2021-12-11T04:38:45Z")

</div>

Thanks @Jeff_Hager that sounds great! But how would you structure that HTML? I don’t really get it.

---

<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: [December 11, 2021, 4:41am UTC](https://community.glideapps.com/t/how-i-can-make-these-tables-there-is-something-like-quickchart-io/35786/4 "2021-12-11T04:41:18Z")

</div>

If you watch the first 5 minutes of the below tutorial, you’ll see how it’s done.

> [@How To: CSS Table with dynamic filtering and sorting](https://community.glideapps.com/t/how-to-css-table-with-dynamic-filtering-and-sorting/35784):
>
> I’ve been asked a few questions about this one, so here is a tutorial that walks through the process step by step. The app I’m working on in the tutorial is copyable, so feel free to make your own copy (see link below). enjoy slight_smile Links: [divtable.com table styler](https://divtable.com/table-styler/) Experimental code to sort joined list by secondary joined list – [Link to use in External Code column](https://mcdarren.github.io/glide-jl-sort-by-keys-advanced/) – [Clone link](https://github.com/mcdarren/glide-jl-sort-by-keys-advanced)[Copyable Demo App](https://html-tables-concept.glideapp.io/) Note that the experimental code column is removed from…

---

<div class="post-metadata">

### Author: ![Eric\_Ruiz\_Molero](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/eric_ruiz_molero/32/15371_2.png) [@Eric\_Ruiz\_Molero](https://community.glideapps.com/u/Eric_Ruiz_Molero)
#### Post date: [December 11, 2021, 1:09pm UTC](https://community.glideapps.com/t/how-i-can-make-these-tables-there-is-something-like-quickchart-io/35786/5 "2021-12-11T13:09:03Z")

</div>

You’re amazing! Thank you so much!

---

<div class="post-metadata">

### Author: ![system](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/system/32/53398_2.png) [@system](https://community.glideapps.com/u/system)
#### Post date: [December 12, 2021, 1:09pm UTC](https://community.glideapps.com/t/how-i-can-make-these-tables-there-is-something-like-quickchart-io/35786/6 "2021-12-12T13:09:08Z")

</div>

This topic was automatically closed 24 hours after the last reply. New replies are no longer allowed.
