You are viewing limited content. For full access, please sign in.

Question

Question

Hide delete row X from table

asked on June 9, 2021

Is it possible to hide the delete row X on a table?  We would like users to be able to add a row but not delete, and we can get it to work for a collection but not a table.  Thanks for any ideas!

 

0 0

Answer

SELECTED ANSWER
replied on June 9, 2021 Show version history

If there is only one table on the form you can use:

.cf-table-delete{display:none!important;}

 

This will remove the delete row X from all tables in your form. If there are multiple tables but you only want to remove the delete row X from one table, then give the table a CSS class (in this example I use "tableWithNoRemove"):

 

Then use the following CSS:

.tableWithNoRemove .cf-table-delete{display:none!important;}

 

This results in the following:

 

0 0

Replies

replied on June 9, 2021

Thank you so much!

2 0
replied on June 13, 2024

What would cause this not to work?



0 0
replied on June 16, 2024

Hi Christa,

The original answer was for classic form only. For new form, try use .table-row-remove. And if you only want a specific table to remove delete button, assign some class to the table and update the css like below

.removetable .table-row-remove
{
display:none;
}

1 0
You are not allowed to follow up in this post.

Sign in to reply to this post.