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

  • Profile Image
    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?



    This is a re-post of a comment on How to Inject Custom CSS Codes

  • Profile Image
    Parker
    Answered 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.p

    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.p

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