Thumbnails not rendering in collection table

[danielbuechele]

Checklist

• I'm using the latest version of Directus
• There's no other issue that already describes the problem.
• I've completed all Troubleshooting Steps.

Describe the Bug

Moving from discussion: #17494

My collection has a 1:1 relationship to an image, when I add the image thumbnail to the table view of the collection, the image is not shown, and the requests loading the image are missing the asset ID:

When switching to card view the image render correctly, which makes me think that this must be a bug in the table view renderer.

Running directus v9.22.3 in a self-hosted node18 environment.

To Reproduce

1. Create a collection with a 1:1 relationship to an image.
2. Switch to the Collection view table
3. Add a column for the thumbnail of the image to the table
4. Observe the thumbnail not rendering and failing network requests in the browser's network inspector
5. Switch to card view and observe the images rendering correctly.

Hosting Strategy

Self-Hosted (Docker Image)

[github-actions]

Linear: ENG-706

[luhovskyi]

I'm using Files field to upload multiple images and I confirm the issue with thumbnail display too.

[connorwinston]

@danielbuechele You should set the display as Image, and then for the column choose the root image field, not the child thumbnail field. Looks like Nitwel is working on a PR to hide the thumbnail field because it is an internal field that shouldn't be selectable.
Choose the display for the image field.

Choose the Root image Field image not image.thumbnail

[danielbuechele]

Oh wow! Turns out, I was just stupid. Thanks for pointing this out, I didn't realize the "Image" section was clickable itself and assumed that I had to select something from its submenu.
From my perspective we can close this issue then.

[luhovskyi]

You should set the display as Image, and then for the column choose the root image field, not the child thumbnail field. Looks like Nitwel is working on a PR to hide the thumbnail field because it is an internal field that shouldn't be selectable.
Choose the display for the image field.

Thank you.
It works for a single image.
@connorsimply Is it the way to display multiple files as images?