# Table to list items or divs

**URL:** https://meta.discourse.org/t/table-to-list-items-or-divs/166115
**Category:** Development
**Created:** [October 3, 2020, 2:56pm UTC](https://meta.discourse.org/t/table-to-list-items-or-divs/166115 "2020-10-03T14:56:18Z")
**Posts on this page:** 4
**Page:** 1

<div class="post-metadata">

### Author: ![listitems](https://avatars.discourse-cdn.com/v4/letter/l/c6cbf5/32.png) [@listitems](https://meta.discourse.org/u/listitems)
#### Post date: [October 3, 2020, 2:56pm UTC](https://meta.discourse.org/t/table-to-list-items-or-divs/166115/1 "2020-10-03T14:56:19Z")

</div>

Hello all. I am new to Discourse. I am trying to create a theme component to replace the table elements used (table, tbody, th, tr, td) with list items (ol/ul, li) or failing that just div tags.

I have so far managed to remove the table headings with handlebars and also some custom topic listing through the similar hook, however, the div content created is within the table. A brief example is below…

> ```
> <script type='text/x-handlebars' data-template-name='list/topic-list-item.raw'> ... </script>
> 
> ```

Does anyone know how to replace all use of tables in Discourse, preferably with ordered or unordered lists?

---

<div class="post-metadata">

### Author: ![Canapin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/canapin/32/119591_2.png) [@Canapin](https://meta.discourse.org/u/Canapin)
#### Post date: [October 3, 2020, 2:59pm UTC](https://meta.discourse.org/t/table-to-list-items-or-divs/166115/2 "2020-10-03T14:59:29Z")

</div>

Out of curiosity, what is the purpose?

---

<div class="post-metadata">

### Author: ![listitems](https://avatars.discourse-cdn.com/v4/letter/l/c6cbf5/32.png) [@listitems](https://meta.discourse.org/u/listitems)
#### Post date: [October 3, 2020, 3:29pm UTC](https://meta.discourse.org/t/table-to-list-items-or-divs/166115/3 "2020-10-03T15:29:43Z")

</div>

I want to replace the columns in the topic list (and suggested etc) to a single div.

I suppose not too different to replies in the topic page just not so feature heavy, just a snippet.

---

<div class="post-metadata">

### Author: ![riking](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/riking/32/170938_2.png) [@riking](https://meta.discourse.org/u/riking)
#### Post date: [October 5, 2020, 11:03am UTC](https://meta.discourse.org/t/table-to-list-items-or-divs/166115/4 "2020-10-05T11:03:17Z")

</div>

Take a look at the techniques used in themes like Fakebook:

> [@Fakebook Theme](https://meta.discourse.org/t/fakebook-a-theme-for-social-media-lovers/109079/):
>
> discourse2Summary Fakebook - I had a little fun with this one to showcase the flexibility of our theming system. This layout might look a bit familiar winkeyeglassesPreview [Preview on Discourse Theme Creator](https://discourse.theme-creator.io/theme/Discourse/fakebook-theme)hammer_and_wrenchRepository Link [https://github.com/discourse/Fakebook](https://github.com/discourse/Fakebook)open_bookNew to Discourse Themes? [Beginner’s guide to using Discourse Themes](https://meta.discourse.org/t/beginners-guide-to-using-discourse-themes/91966) Install this theme Features The theme features a navigation sidebar, as well as a sidebar that showcas…