Is it possible to output a nested value of a collection field in list view?

default discord avatar
3 months ago

I've got a bunch of grouped/array fields in a particular collection I'm working with. It would be ideal to be able to show the first element of an array, for instance, in the list view instead of the full json like shown by default. Is there a way to intercept this and display what I'd prefer?

  • default discord avatar
    3 months ago

    Could you create a Cell component for the field?
  • default discord avatar
    3 months ago

    Interesting, I'll give it a go!

    @jarrod69420 Sorry, I haven't had a chance to get back around to this till now. I don't quite understand what this documentation is telling me to do.

    I noticed there's a


    thing that seems similar to what I want to override, but when I attempt to add it to my collection, I get a typescript error.

    Continuing to look into this myself but any other examples of this kind of thing being done would be helpful!

    so far i've been able to find the type declaration in the source code which led me to this being the property path

    const TheCollection: CollectionConfig = {
        admin: {
            components: {
                views: {
                    List: CustomList

    ok, got it replaced with a custom component. Working through that now! This specific question is answered imo.

    I'll be able to adjust how the data is output to the screen via this custom component.

    Just a quick update. I was indeed able to do this. I copied over the contents of

    along with the corresponding css file.

    after updating the imports it was a simple matter of adjusting the



    thanks again!

Open the post
Continue the discussion in Discord
Like what we're doing?
Star us on GitHub!


Connect with the Payload Community on Discord



Can't find what you're looking for?

Get help straight from the Payload team with an Enterprise License.