# Basic table - image at left

**URL:** <https://community.glideapps.com/t/basic-table-image-at-left/34774>\
**Category:** Ask for Help\
**Created:** [November 19, 2021, 1:52pm UTC](https://community.glideapps.com/t/basic-table-image-at-left/34774 "2021-11-19T13:52:57Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![Wim\_De\_Coninck](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/wim_de_coninck/32/28179_2.png) [@Wim\_De\_Coninck](https://community.glideapps.com/u/Wim_De_Coninck)\
**Post date:** [November 19, 2021, 1:52pm UTC](https://community.glideapps.com/t/basic-table-image-at-left/34774/1 "2021-11-19T13:52:57Z")

</div>

Hi,

no problem to add a basic table where date is placed in the left column and an image (= URL in sheet) is placed in the right column. (see attachment; the image is very small in the right column; I’ve put the same image as component above this basic table just to show it fyi) ![2021-11-19_144907](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/6/f/6f98f278a2af93dd879310821d1d3d51370cbc08.png)

But is possible

1. to switch both date and image (so image on the left, date on the right)? I just get the URL in my left column, not the image
2. if possible, what CSS do I need to make that image bigger?

Wim

---

<div class="post-metadata">

**Author:** ![Roldy](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/roldy/32/36068_2.png) [@Roldy](https://community.glideapps.com/u/Roldy)\
**Post date:** [November 22, 2021, 7:41pm UTC](https://community.glideapps.com/t/basic-table-image-at-left/34774/2 "2021-11-22T19:41:31Z")

</div>

Try this changing the px value according to your need.

```auto
<pre><span><style>
.sts-row label {
    margin-left: auto;
}

.sts-row img {
position: absolute;
height: 60px !important;
}

.sts-row {
height: 60px;
}
</style></span></pre>

```

Let me know.

---

<div class="post-metadata">

**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\
**Post date:** [November 22, 2021, 11:49pm UTC](https://community.glideapps.com/t/basic-table-image-at-left/34774/3 "2021-11-22T23:49:54Z")

</div>

Adding to what @Roldy proposed above, I don’t think it’s possible to force Glide to display an image on the left, or it can be very complex to change how Glide should read and display a link (as a link or as an image).

---

<div class="post-metadata">

**Author:** ![Wim\_De\_Coninck](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/wim_de_coninck/32/28179_2.png) [@Wim\_De\_Coninck](https://community.glideapps.com/u/Wim_De_Coninck)\
**Post date:** [November 25, 2021, 1:56pm UTC](https://community.glideapps.com/t/basic-table-image-at-left/34774/4 "2021-11-25T13:56:20Z")

</div>

I solved the problem myself by adding a HTML-table 🙂

---

<div class="post-metadata">

**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\
**Post date:** [November 25, 2021, 11:47pm UTC](https://community.glideapps.com/t/basic-table-image-at-left/34774/5 "2021-11-25T23:47:19Z")

</div>

Yes, that seems to be the easier way for this problem. Great work!

---

<div class="post-metadata">

**Author:** ![Robert\_Petitto](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/robert_petitto/32/25193_2.png) [@Robert\_Petitto](https://community.glideapps.com/u/Robert_Petitto)\
**Post date:** [November 26, 2021, 12:17am UTC](https://community.glideapps.com/t/basic-table-image-at-left/34774/6 "2021-11-26T00:17:22Z")

</div>

Was going to also suggest using CSS flex-direction: column-reverse and then reversing which values are in which columns.