How to customize columns width per column on Input Table widget?

Thanks for reading this!

I have an input table and I would like to:

1. Change column sizes (different sizes)
2. Insert a formula so it calculates the total amount

Hello Ypurchasing,

Thanks for reaching out to Jotform Support. You can adjust the columns of the width by injecting this CSS code:

/*Adjust the width of the input table columns per column*/

tr th:first-child{

width: 20%!important;

min-width: 50px!important;

}

tr th:nth-child(2){

width: 10%!important; min-width: 150px!important;

}

tr th:nth-child(3){

width: 10%; min-width: 160px;

}

tr th:nth-child(4){

width: 10%; min-width: 170px;

}

tr th:nth-child(5){

width: 50%; min-width: 50px;

}

/*Ends here*/

Note: Just adjust the min-width value to adjust it per column.

Result:



Here is a demo form I created, which you can clone for reference.

I've moved your other question to this thread.

Reach out to us again if you have more questions.

Hello Ypurchasing,

How is it going? Just sending a follow-up to see if you were able to get our previous message. If yes, please feel free to let us know so we can further check this for you. Meanwhile, I will be marking the thread as resolved since we have not received any response from you.

Reach out to us again if you have more questions.