column height

Tiptip

• May 27, 2020 20:43

When I use a pricing table with a border, the longest cell will define the whole row height. is there a way that each column will have his own height depend on the content length? it makes my table look weird when I have 1 cell with border 5 times bigger than the content.

these tables are actually built with div's, not like a classic table. so the div cell shouldn't affect all columns like in a table situation when the highest cell will make all the row at the same height.

it makes the border too long for a big empty area.

 

0

• 

  Sandra Prunici

  • May 28, 2020 08:41
  • Edited

  Hi,

  If you have 2 or more columns in a row, the height of all column will be taken in regarding the length of the longest column. Therefore, if you have 3 columns and the height of the first column is 100px, of the second is 300px and of the third is 180px, them the height of all columns will be 300px. In such a way is working the Bootstrap. If you want to mark with a border only the content of the column, I can suggest to add an additional column inside the column and add there all the content you need. The description can be a little confused, therefore I made a screen record to illustrate what I said https://jumpshare.com/v/FulhRLWttEnYbMu2Jtvw

   

  Best regards,

  Sandra

  0
• 

  Tiptip

  • May 28, 2020 09:21

  That was a perfect solution!

  Thanks :)

  0
• 

  Sandra Prunici

  • May 28, 2020 10:49

  Great! I'm happy to hear that I could help you! Thank you too!

  Have a great day!

   

  Best regards,

  Sandra

  0
• 

  Tiptip

  • June 03, 2020 12:00

  Hi again,

  I've tried to use the same solution for 3 columns. (like 3 levels) but it doesn't work. I can't put more than 1 column inside another one. with normal code it is possible, maybe add this option when it's possible :)

  Thanks

  0
• 

  Sandra Prunici

  • June 03, 2020 14:17

  Hi TipTip,

  Could you please give more details regarding what you want to do? Maybe I didn't understand well.

  In the screen record, I send to you, I showed that I added a column element in a column element and by default, it is added 2 columns (in result we have 2 columns inside a column). If you need to have 3 columns in a column, you can duplicate one of those 2 columns and add the content you need.

  Thanks!

  Best regards,
  Sandra

  0

Please sign in to leave a comment.