# Css html table -

**URL:** <https://community.glideapps.com/t/css-html-table/36557>\
**Category:** Ask for Help\
**Created:** [January 1, 2022, 10:54am UTC](https://community.glideapps.com/t/css-html-table/36557 "2022-01-01T10:54:45Z")\
**Posts on this page:** 5\
**Page:** 3

<div class="post-metadata">

**Author:** ![E\_J\_E](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/e_j_e/32/29498_2.png) [@E\_J\_E](https://community.glideapps.com/u/E_J_E)\
**Post date:** [April 7, 2024, 11:27am UTC](https://community.glideapps.com/t/css-html-table/36557/43 "2024-04-07T11:27:02Z")

</div>

Thank you! Gonna try this out. Im gonna be burning a few brain cells this morning, trying to get this right! Lol! Thx again

---

<div class="post-metadata">

**Author:** ![E\_J\_E](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/e_j_e/32/29498_2.png) [@E\_J\_E](https://community.glideapps.com/u/E_J_E)\
**Post date:** [April 7, 2024, 2:39pm UTC](https://community.glideapps.com/t/css-html-table/36557/44 "2024-04-07T14:39:29Z")

</div>

Getting mixed up…

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/5/a/5a8e7886ae1e27db06242d3d98e31e76d51e4867.jpeg)  
my last template looks like this:

```auto
[<table style="width: 100%; text-align: center; 
border-collapse: collapse;
border-radius: 9px; table-layout: auto; font-size:12px">
<tbody>

<td style="padding: 0px; width: 10%; border: solid white 1px; height: 10px;">
<div style="background-color: #c7c7c3; padding: 10px; border-radius: 1px;"><span style="color: #000000; font-family:"Times New Roman", Times, serif; font-size:10px"><strong>A1</strong></span></div>
</td>

<td style="padding: 0px; width: 10%; border: solid white 1px; height: 10px;">
<div style="background-color: #c7c7c3; padding: 10px; border-radius: 1px;"><span style="color: #000000; font-family:"Times New Roman", Times, serif"><strong>A2</strong></span></div>
</td>

</tbody>
</table>]

```

with the replacement values as:

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/3/c/3cbac61560cca83f985959455d75479d6e652644.jpeg)

---

<div class="post-metadata">

**Author:** ![E\_J\_E](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/e_j_e/32/29498_2.png) [@E\_J\_E](https://community.glideapps.com/u/E_J_E)\
**Post date:** [April 7, 2024, 2:40pm UTC](https://community.glideapps.com/t/css-html-table/36557/45 "2024-04-07T14:40:08Z")

</div>

the screen would look like this so far:

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

---

<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 7, 2024, 3:22pm UTC](https://community.glideapps.com/t/css-html-table/36557/46 "2024-04-07T15:22:45Z")

</div>

Why do you have square brackets around the table?  
Also, why do you have two joined lists? There should only be one.  
And there should be no `<td>` tags within your final template. These should be in the first template, that creates the `<tr>` line for each row.

Please show me a screen shot of what you have in the Data Editor.

---

<div class="post-metadata">

**Author:** ![E\_J\_E](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/e_j_e/32/29498_2.png) [@E\_J\_E](https://community.glideapps.com/u/E_J_E)\
**Post date:** [April 7, 2024, 10:04pm UTC](https://community.glideapps.com/t/css-html-table/36557/47 "2024-04-07T22:04:57Z")

</div>

maybe if u could send me an example, i could maybe get it. as what im doing keeps being wrong. so far,  
this is in my template 2:

```auto
<table>
    <tr>
        <td>a</td>
        <td>f</td>
        <td>1</td>
    </tr>
    <tr>
        <td>ab</td>
        <td>de</td>
        <td>2</td>
    </tr>
    <tr>
        <td>c</td>
        <td></td>
        <td></td>
    </tr>
    <tr>
        <td>d</td>
        <td></td>
        <td></td>
    </tr>
</table>

in my template 1:

```

| | | | | | | | | | |

In the Joined List:

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/9/7/9794a0bd8361a3b8bf0da3d685dfe2bb983586dc.jpeg)

```auto

```

[Previous page](https://community.glideapps.com/t/css-html-table/36557.md?page=2)