Disable Remove Row in Array Row?

[autumn abyss]

hey guys, can i disable the remove row in the array row?

[steep sapphire]

Original message from @upbeat meadow - Moved from #general message

New Community-Help Thread Created!

Help is on the way! To mark it as solved, use the /solve command. In the meantime, here are some existing threads that may help you:

Documentation:

• Row Field - Config Options
• Document Locking - How it works - Config Options - Locking Options
• React Hooks - useForm
• Array Field - Admin Options
• Array Field - Config Options

[tacit idol]

Hey @upbeat meadow

Unfortunately array actions are not removable at this time. The only way to prevent the Remove row array action is to specify your array field as readOnly

[upbeat meadow]

there should be a prop passed to ArrayField to override the default delete or add method, it would be a great feature. thanks for answring

[tacit idol]

I agree, maybe make a github discussion on this?

My pleasure

[steep sapphire]

Payload Bot

Thread Solved!

Glad your issue was resolved! :tada: If you want to help make payload better, please give us a :star: on GitHub and review us - It helps us a lot.

🌟 Star Us on GitHub

Click here to star us on GitHub

👍 Review Us

Click here to review us on G2

[upbeat meadow]

maybe i will

[celest cypress]

• one for this

In the mean time, you can work around it with CSS:

1. Add an admin.className attribute to the array field
2. if you have set up tailwind, just add sth like

.participants-array .array-actions__remove {
    display: none
}

with participants-array being your custom class

If you don't have tailwind set up, create a css file somewhere in the project and import it into app/(payload)/layout.tsx