# Basic Table Component

**URL:** <https://community.glideapps.com/t/basic-table-component/5804>\
**Category:** General\
**Created:** [March 24, 2020, 10:13pm UTC](https://community.glideapps.com/t/basic-table-component/5804 "2020-03-24T22:13:03Z")\
**Posts on this page:** 1\
**Showing post:** 58

<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:** [April 5, 2021, 1:42am UTC](https://community.glideapps.com/t/basic-table-component/5804/58 "2021-04-05T01:42:31Z")

</div>

I’d probably create an HTML table for this. It goes something like…

- create a template column that creates a `<tr>` row for each legend item, eg.

```auto
<tr><td>ICON</td><td>NAME</td></tr>

```

- create a Joined List column to string all those together - with no separator
- create a template column to insert that joined list inside some `<table>` tags, eg.
  - `<table>{joined-list}</table>`

- then display that in a rich text component

If you want to get fancy, you can use a [CSS table generator](https://divtable.com/table-styler/) and come up with some really nice looking tables. Here’s an example of one I recently did for @Mark_Turrell:

 ![Screen Shot 2021-04-02 at 10.21.08 PM](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/4/a/4a97f1da4f3f39d6498bb28420ab90b395cf2b6c.png)

---

_[View the full topic](https://community.glideapps.com/t/basic-table-component/5804)._