How can i change the width of the column in my input table?

  • Thessa Nastor
    Asked on November 28, 2022 at 10:05 AM

    Hi, how can i change the width of the column in my input table?

  • Parker JotForm Support
    Replied on November 28, 2022 at 10:31 AM

    Hi Thessa,

    Thanks for reaching out to Jotform Support. If you'd like to change the width of all of the columns equally, you can do that in the settings for the input table. 1669649234 6384d352efec3 6384d352efe84 Screenshot 10

    If you want to target a specific column only to change the size, you can inject custom CSS to your form. Here's an example of code that could be used.

    .form-matrix-column_0 {
      width: 100px !important;
    }

    To find this class to call in the CSS you'll want to view your live form and right click on the column header element and select inspect. Then you'll see the column values that you can use for your CSS. Do note that the max width for all your columns is 100% of the width of your page so if you choose values that would exceed this, the column won't extend further.

    1669649301 6384d39586216 6384d395861d8 Screenshot 21

    Give this a try and let us know if you have any other questions.