How to change width of Input Table columns?

  • kirkkeenan
    Asked on June 27, 2019 at 8:14 AM

    1561637623Jotforms table Screenshot 10

    Jotform Thread 1872418 Screenshot
  • eralp Jotform Support
    Replied on June 27, 2019 at 9:00 AM

    Hey,

    You can adjust the field's width of input table modules.

    Here's how:

    On your form editing page, simply select the input table that you've created by clicking on it. You'll see a gear icon, click on that and it will lead you to Properties.

    How to change width of Input Table columns? Image 1 Screenshot 30

    After that, click on Options. You can set the width of the columns and tables from Table Width and Column Width sections.


    How to change width of Input Table columns? Image 2 Screenshot 41

    And that should do it. If you want to modify your table furthermore, you can try injection your custom CSS codes. Here's a guide on how to do that.

    Please let us know if you need anything else!

  • kirkkeenan
    Replied on June 27, 2019 at 10:43 AM
    [image: image.png]
    ...
  • Alan_D
    Replied on June 27, 2019 at 12:10 PM

    Hello @kirkkeenan!
    We did not receive the image you sent. 
    You can refer to this guide to send a screenshot to the forum. 
    Guide: How-to-Post-Screenshots-to-Our-Support-Forum 
    Please let us know if you need assistance. 

  • kirkkeenan
    Replied on June 27, 2019 at 12:20 PM

    1561652438Jotforms table Screenshot 10


  • Alan_D
    Replied on June 27, 2019 at 1:44 PM

    Hello again. 
    Can you please insert this code into the CSS tab? 
    tr th:first-child{
    width: 20%;
    min-width: 20px;
    }
    tr th:nth-child(2){
    width: 10%; min-width: 10px;
    }
    tr th:nth-child(3){
    width: 10 min-width: 10px;
    }
    tr th:nth-child(4){
    width: 10%; min-width: 10px;
    }
    tr th:nth-child(5){
    width: 50%; min-width: 50px;
    }
    How to change width of Input Table columns? Image 10 How to change width of Input Table columns? Image 21

  • kirkkeenan
    Replied on June 27, 2019 at 2:12 PM

    That worked perfectly.