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

Question

Question

Table Columns

Forms
Updated July 11, 2022
asked on July 11, 2022

I have a couple of tables in forms and I need column 0 to be the same width for each table.  There are 3 three columns for each table with the only difference being the first table has text inputs while the other 2 tables are currency and numbers. Below is a list of things I have tried:

Using CSS .col0 {width:175px; !important;}”  - It only works on the first table but not all the tables.  If I to set if for a specific table say #q57, it does nothing at all.  

Table Creation - I have set the column widths individually for each table but that does not work either.

I am ready to throw in the towel.  Does anyone have a better suggestion I can try?

0 0

Replies

replied on July 11, 2022

Tested this on Forms 11 Update 2.

There are two reasons that the CSS you listed are not working:  

.col0 {width:175px; !important;}

 

reason 1 - you have an extra semi-colon before the important tag - it should be like this: 

.col0 {width:175px!important;}

 

reason 2 - the col0 class is applied to the rows of the table, but it isn't applied to the header.  The percent widths applied from the form's Layout are applied on the header, so that is where the table is taking its width from, and putting a different width on the rows is going to be ignored by most (or all) browsers.

 

In my testing, I'm able to get the column widths the same with multiple tables, so I'm not certain what is causing the different behavior you are seeing.  Based on your screenshot, that particular table is using 85% width (25% + 30% + 30% = 85%) - is that total of 85% the same for all of your tables?  If not, that could be the cause for the different appearances.

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

Sign in to reply to this post.

Details
Related Posts
Loading ...