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

Question

Question

Extra Table Column

Forms Version 10
Updated December 13, 2018
asked on December 13, 2018

I created a table with 13 columns:

and add CSS for borders:

#q36 th {
  border: 1px solid black;
  padding: 2px;
  text-align: center;
}

#q36 td {
  border: 1px solid black;
  padding: 2px;
}

 

When the form is loaded, 13 populated columns and 1 empty column is created:

 

Where is the extra column coming from and how do I get rid of it?

 

0 0

Answer

SELECTED ANSWER
replied on December 13, 2018 • Show version history

The extra column is meant to hold the delete row button. If you add a new row to your table, you should see the X button appear in that column.

If you hide it entirely, you'll end up hiding the delete button so users would be able to add rows, but they wouldn't be able to delete rows.

Try adding the following CSS to remove the border from the last column instead to avoid losing the delete button (unless you plan to have a fixed number of rows, in which case that wouldn't be an issue).

#q36 th:last-child,
#q36 td:last-child {
  border:none;
}

 

0 0

Replies

You are not allowed to reply in this post.
You are not allowed to follow up in this post.

Sign in to reply to this post.

Details
Related Posts
Loading ...