# Displaying List / Collection Items; right justify

**URL:** <https://community.glideapps.com/t/displaying-list-collection-items-right-justify/68800>\
**Category:** Ask for Help\
**Created:** [December 18, 2023, 11:25am UTC](https://community.glideapps.com/t/displaying-list-collection-items-right-justify/68800 "2023-12-18T11:25:35Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![JohnB](https://avatars.discourse-cdn.com/v4/letter/j/4491bb/32.png) [@JohnB](https://community.glideapps.com/u/JohnB)\
**Post date:** [December 18, 2023, 11:25am UTC](https://community.glideapps.com/t/displaying-list-collection-items-right-justify/68800/1 "2023-12-18T11:25:35Z")

</div>

In the old Glide app, I could display League tables for my sports app very easily.  
Per attached using an inline list. It automatically left justified the “title” content element, and right justified the second “details” content element, in list view. Furthermore, each item is clickable, and then displays further details on the next screen.  
 ![LeagueTable](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/f/a/fa1866bdb9ead8d2c0ba9a8b313b5e8156967a03.png)  
In the new Glide app, having played about with many options including template columns and RTF fields, I cannot find a way to replicate this view that looks anything like as good. The main problem being unable to right justify columns in list view. Data grids look pretty good, but then each item isn’t clickable, which I need.  
This is a major detriment to the look and feel of this page, as it’s the most often visited on my app!! Any help appreciated.

---

<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 18, 2023, 11:30am UTC](https://community.glideapps.com/t/displaying-list-collection-items-right-justify/68800/2 "2023-12-18T11:30:21Z")

</div>

Have you experimented with a Custom Collection?  
I think you should be able to get something pretty close to that.

---

<div class="post-metadata">

**Author:** ![JohnB](https://avatars.discourse-cdn.com/v4/letter/j/4491bb/32.png) [@JohnB](https://community.glideapps.com/u/JohnB)\
**Post date:** [December 18, 2023, 11:34am UTC](https://community.glideapps.com/t/displaying-list-collection-items-right-justify/68800/3 "2023-12-18T11:34:05Z")

</div>

Hi Darren. Yes. However, the “column” features don’t work except when viewing on a tablet or PC. On a mobile phone view, the app steadfastly refuses to display more than one data item on the same row.

---

<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 18, 2023, 11:38am UTC](https://community.glideapps.com/t/displaying-list-collection-items-right-justify/68800/4 "2023-12-18T11:38:04Z")

</div>

Yes, that is a limitation.  
But you can still work around that by constructing each row as a HTML table, and display it in a single Rich Text component in the Custom Collection.

---

<div class="post-metadata">

**Author:** ![JohnB](https://avatars.discourse-cdn.com/v4/letter/j/4491bb/32.png) [@JohnB](https://community.glideapps.com/u/JohnB)\
**Post date:** [December 18, 2023, 12:18pm UTC](https://community.glideapps.com/t/displaying-list-collection-items-right-justify/68800/5 "2023-12-18T12:18:43Z")

</div>

Thx again - its a list / collection that’s displayed, though - not an individual data item. Can RTF data items be constructed with field values as components within them? I thought not.

---

<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 18, 2023, 12:22pm UTC](https://community.glideapps.com/t/displaying-list-collection-items-right-justify/68800/6 "2023-12-18T12:22:44Z")

</div>

Yes, construct a HTML table in a template column and use your column values as replacements. Then display that in a Rich Text component inside a Custom Collection. With a little bit of tweaking, and perhaps some inline styling, you should be able to get something very close to your earlier screenshot. And each row will be clickable.

---

<div class="post-metadata">

**Author:** ![JohnB](https://avatars.discourse-cdn.com/v4/letter/j/4491bb/32.png) [@JohnB](https://community.glideapps.com/u/JohnB)\
**Post date:** [December 18, 2023, 12:29pm UTC](https://community.glideapps.com/t/displaying-list-collection-items-right-justify/68800/7 "2023-12-18T12:29:45Z")

</div>

Thanks! Don’t suppose you have a “go-to” syntax guide to achieve this esp embedding field-item data values?

---

<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 18, 2023, 12:32pm UTC](https://community.glideapps.com/t/displaying-list-collection-items-right-justify/68800/8 "2023-12-18T12:32:01Z")

</div>

Have a look at the below. It demonstrates the basic technique.

> [@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…
