# Como agregar datos en custom Html. CSS

**URL:** <https://community.glideapps.com/t/como-agregar-datos-en-custom-html-css/50636>\
**Category:** Ask for Help\
**Created:** [October 1, 2022, 2:44pm UTC](https://community.glideapps.com/t/como-agregar-datos-en-custom-html-css/50636 "2022-10-01T14:44:14Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![Jorge\_Alberto\_Esquiv](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/jorge_alberto_esquiv/32/48654_2.png) [@Jorge\_Alberto\_Esquiv](https://community.glideapps.com/u/Jorge_Alberto_Esquiv)\
**Post date:** [October 1, 2022, 2:44pm UTC](https://community.glideapps.com/t/como-agregar-datos-en-custom-html-css/50636/1 "2022-10-01T14:44:14Z")

</div>

necesito agregar datos en una table custom y no se como tomar o qeu comando agregar para que tome los datos.

 ![Sin título](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/6/1/614534c088a790eb67d8d232799baf5db74c7a00.png)  
necesito poblar de datos esa tabla.

```auto
<table class="greenTable">
<thead>
<tr>
<th>Equipos</th>
<th>P</th>
<th>PJ</th>
<th>PG</th>
<th>PE</th>
<th>PP</th>
<th>GF</th>
<th>GC</th>
<th>DG</th>
</tr>
</thead>
<tbody>
<tr>
<td></td>
<td></td>
<td></td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
</tbody>
</table>

```

---

<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:** [October 1, 2022, 2:52pm UTC](https://community.glideapps.com/t/como-agregar-datos-en-custom-html-css/50636/2 "2022-10-01T14:52:32Z")

</div>

You need to use template columns and joined lists to generate your HTML.

If you can understand English, here is a tutorial:

> [@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:** ![Jorge\_Alberto\_Esquiv](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/jorge_alberto_esquiv/32/48654_2.png) [@Jorge\_Alberto\_Esquiv](https://community.glideapps.com/u/Jorge_Alberto_Esquiv)\
**Post date:** [October 3, 2022, 4:44pm UTC](https://community.glideapps.com/t/como-agregar-datos-en-custom-html-css/50636/3 "2022-10-03T16:44:15Z")

</div>

It looks like a good solution, but it can’t be cloned to see the code.

---

<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:** [October 3, 2022, 4:50pm UTC](https://community.glideapps.com/t/como-agregar-datos-en-custom-html-css/50636/4 "2022-10-03T16:50:42Z")

</div>

Ah, that’s because it uses a Custom Code column to do the table sorting.  
Give me a few minutes, I will fix that.

@Jorge_Alberto_Esquiv - the App should be copyable now, but the table sorting will not work as the custom code column has been removed.
